@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ $homeUrl }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.networks') }}">Entreprises</a></li>
            @if($network && $network->exists)
                <li class="breadcrumb-item"><a href="{{ route('partner.network.show', $network->token) }}">{{ $network->name }}</a></li>
                <li class="breadcrumb-item active" aria-current="page">Modifier l'entreprise</li>
            @else
                <li class="breadcrumb-item active" aria-current="page">Créer une entreprise</li>
            @endif
        </ol>
    </nav>
@endsection

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

@if($errors->any())
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <strong>Des erreurs empêchent l'enregistrement :</strong>
        <ul class="mb-0 mt-2">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="container-fluid py-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row align-items-center">
                        <div class="col-md-1">
                            <div class="big-icon-badge d-flex align-items-center justify-content-center mx-auto"><span class="icon-building icon icon-54 text-primary"></span></div>
                        </div>
                        <div class="col-md-8">
                            <h1 class="h3 mb-2 text-primary">
                                @if($network && $network->exists)
                                    Modifier {{ $network->name }}
                                @else
                                    Créer une entreprise
                                @endif
                            </h1>
                            @if($network && $network->exists)
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                @if($network->phones && $network->phones->count() > 0)
                                    <span class="text-grey text-16"><span class="icon-phone icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ format_phone_display($network->phones->first()->value ?? null) }}</span>
                                    <span class="separator-vertical"></span>
                                @endif
                                @if($network->address?->city)
                                    <span class="text-grey text-16"><span class="icon-map-pin icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ $network->address?->city ?? '-' }}</span>
                                @endif
                            </div>
                            @endif
                        </div>
                        <div class="col-md-3 text-end">
                            <button type="submit" form="networkEditForm" class="btn btn-primary me-2">
                                <span class="icon-save icon icon-16 align-items-center justify-content-center mx-auto"></span> {{ ($network && $network->exists) ? 'Enregistrer' : 'Créer l\'entreprise' }}
                            </button>
                            <a href="{{ ($network && $network->exists) ? route('partner.network.show', $network->token) : route('partner.networks') }}" class="btn btn-outline-secondary">
                                <span class="icon-arrow-left icon icon-16 align-items-center justify-content-center mx-auto"></span> Retour
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="card mb-4">
            <div class="card-body">
                <form action="{{ ($network && $network->exists) ? route('partner.network.update', $network->token) : route('partner.network.store') }}" method="POST" enctype="multipart/form-data" id="networkEditForm">
                    @csrf
                    @if($network && $network->exists)
                        @method('PUT')
                    @endif

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label for="name" class="form-label">Nom <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="name" name="name" value="{{ old('name', $network->name ?? '') }}" required>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">Téléphones</label>
                            <x-phone-inputs :phones="($network && $network->exists) ? $network->phones : []" name="phones" />
                        </div>
                        <div class="col-md-12">
                            <label for="address_line_1" class="form-label">Adresse ligne 1</label>
                            <input type="text" class="form-control" id="address_line_1" name="address_line_1" value="{{ old('address_line_1', ($network && $network->exists) ? ($network->address?->line_1 ?? '') : '') }}">
                        </div>
                        <div class="col-md-12">
                            <label for="address_line_2" class="form-label">Adresse ligne 2</label>
                            <input type="text" class="form-control" id="address_line_2" name="address_line_2" value="{{ old('address_line_2', ($network && $network->exists) ? ($network->address?->line_2 ?? '') : '') }}">
                        </div>
                        <div class="col-md-6">
                            <label for="address_city" class="form-label">Ville</label>
                            <input type="text" class="form-control" id="address_city" name="address_city" value="{{ old('address_city', ($network && $network->exists) ? ($network->address?->city ?? '') : '') }}">
                        </div>
                        <div class="col-md-6">
                            <label for="address_zip_code" class="form-label">Code postal</label>
                            <input type="text" class="form-control" id="address_zip_code" name="address_zip_code" value="{{ old('address_zip_code', ($network && $network->exists) ? ($network->address?->zip_code ?? '') : '') }}">
                        </div>
                        <div class="col-md-6">
                            <label for="address_country_id" class="form-label">Pays</label>
                            <select class="form-select" id="address_country_id" name="address_country_id">
                                <option value="">-- Sélectionner un pays --</option>
                                @foreach($countries ?? [] as $country)
                                    <option value="{{ $country->id }}" {{ old('address_country_id', ($network && $network->exists) ? ($network->address?->country_id ?? '') : '') == $country->id ? 'selected' : '' }}>
                                        {{ $country->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <hr class="my-4">

                    <div class="mb-3">
                        <label class="form-label">Documents <small class="text-muted">(PDF/JPG/JPEG/PNG/WEBP, max 50 Mo par fichier)</small></label>
                        <div id="document-upload-container">
                            <div class="document-upload-item mb-3">
                                <div class="row g-2">
                                    <div class="col-md-8">
                                        <input type="file" name="documents[]" class="form-control" accept=".pdf,.jpg,.jpeg,.png,.webp" multiple>
                                        <small class="text-muted">Vous pouvez sélectionner plusieurs fichiers à la fois</small>
                                    </div>
                                    <div class="col-md-4">
                                        <select name="document_types[]" class="form-select">
                                            @foreach(\App\Enums\DocumentTypeNetwork::cases() as $type)
                                                <option value="{{ $type->value }}">
                                                    {{ $type->label() }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button type="button" class="btn btn-sm btn-outline-primary mt-2" onclick="addDocumentUpload()">
                            <i class="fas fa-plus me-1"></i>Ajouter un autre champ
                        </button>
                    </div>

                    @if($network && $network->exists && $network->documents->count() > 0)
                        <hr class="my-4">
                        <div class="mb-3">
                            <h6 class="text-primary mb-3">Documents existants</h6>
                            <x-sortable-documents
                                :documents="$network->documents"
                                containerId="sortable-documents-edit"
                                :canDelete="true"
                                :showDownload="true"
                                :canEditType="true"
                                :documentTypeEnum="\App\Enums\DocumentTypeNetwork::class"
                            />
                        </div>
                    @endif

                    <div class="mt-4 d-flex justify-content-between gap-2 flex-wrap">
                        <a href="{{ ($network && $network->exists) ? route('partner.network.show', $network->token) : route('partner.networks') }}" class="btn btn-outline-secondary">
                            <span class="icon-x icon icon-16 align-items-center justify-content-center mx-auto"></span> Annuler
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <span class="icon-save icon icon-16 align-items-center justify-content-center mx-auto"></span> Enregistrer
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    function addDocumentUpload() {
        const container = document.getElementById('document-upload-container');
        const newItem = document.createElement('div');
        newItem.className = 'document-upload-item mb-3';
        newItem.innerHTML = `
            <div class="row g-2">
                <div class="col-md-8">
                    <input type="file" name="documents[]" class="form-control" accept=".pdf,.jpg,.jpeg,.png,.webp" multiple>
                    <small class="text-muted">Vous pouvez sélectionner plusieurs fichiers à la fois</small>
                </div>
                <div class="col-md-4">
                    <div class="input-group">
                        <select name="document_types[]" class="form-select">
                            @foreach(\App\Enums\DocumentTypeNetwork::cases() as $type)
                                <option value="{{ $type->value }}">{{ $type->label() }}</option>
                            @endforeach
                        </select>
                        <button type="button" class="btn btn-outline-danger" onclick="this.closest('.document-upload-item').remove()">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                </div>
            </div>
        `;
        container.appendChild(newItem);
    }
</script>
@endpush