@extends('layouts.base')

@section('content')
    @section('breadcrumb')
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="{{ route('front.index') }}">Tableau de bord</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.applications') }}">Applications</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.programs', $application) }}">Programmes</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ isset($program) ? 'Modifier' : 'Créer' }}</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        @if ($errors->any())
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreurs de validation</h5>
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <!-- Header -->
        <div class="row mb-4">
            <div class="col-12">
                <div class="card shadow-sm border-0">
                    <div class="card-body py-3">
                        <div class="d-flex justify-content-between align-items-center flex-wrap">
                            <div class="d-flex align-items-center gap-3">
                                @if($program)
                                    <div class="avatar-lg bg-primary text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                        <i class="fas fa-building"></i>
                                    </div>
                                    <div>
                                        <h3 class="mb-0">{{ $program->name }}</h3>
                                        <p class="text-muted mb-0">{{ $program->slug }}</p>
                                    </div>
                                @else
                                    <div class="avatar-lg bg-success text-white rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
                                        <i class="fas fa-plus"></i>
                                    </div>
                                    <div>
                                        <h3 class="mb-0">Nouveau programme</h3>
                                        <p class="text-muted mb-0">Création d'un nouveau programme</p>
                                    </div>
                                @endif
                            </div>
                            <div class="d-flex gap-2">
                                @if($program)
                                    <a href="{{ route('partner.program.show', ['application' => $application, 'program' => $program]) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-2"></i>Voir le programme
                                    </a>
                                @endif
                                <a href="{{ route('partner.programs', $application) }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Form -->
        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header bg-primary">
                        <h5 class="mb-0 text-dark">
                            <i class="fas fa-{{ $program ? 'edit' : 'plus' }} me-2"></i>
                            {{ $program ? 'Modifier le programme' : 'Créer un programme' }}
                        </h5>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ isset($program) ? route('partner.program.update', ['application' => $application, 'program' => $program]) : route('partner.program.store', $application) }}" enctype="multipart/form-data">
                            @csrf
                            @if(isset($program))
                                @method('PUT')
                            @endif

                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label">Nom du programme</label>
                                    <input type="text" name="name" id="program-name" class="form-control" value="{{ old('name', $program->name ?? '') }}" required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Slug</label>
                                    <div class="input-group">
                                        <input type="text" name="slug" id="program-slug" class="form-control" value="{{ old('slug', $program->slug ?? '') }}" required>
                                        <button type="button" class="btn btn-outline-primary" onclick="generateSlug('program-name', 'program-slug')" title="Générer automatiquement">
                                            <i class="fas fa-magic me-1"></i>Générer
                                        </button>
                                    </div>
                                    <small class="text-muted">Généré automatiquement à partir du nom</small>
                                </div>
                            </div>


                            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-map-marker-alt me-2"></i>Adresse
                            </h6>

                            @php
                                $address = isset($program) && $program->addresses->first() ? $program->addresses->first() : null;
                            @endphp

                            <div class="mb-3">
                                <label class="form-label">Adresse</label>
                                <input type="text" name="address[line_1]" class="form-control" value="{{ old('address.line_1', $address->line_1 ?? '') }}" placeholder="Numéro et rue" required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Complément d'adresse</label>
                                <input type="text" name="address[line_2]" class="form-control" value="{{ old('address.line_2', $address->line_2 ?? '') }}" placeholder="Bâtiment A, 3ème étage, etc.">
                            </div>

                            <div class="row g-3 mb-3">
                                <div class="col-md-4">
                                    <label class="form-label">Code postal</label>
                                    <input type="text" name="address[zip_code]" class="form-control" value="{{ old('address.zip_code', $address->zip_code ?? '') }}" placeholder="75000, 75010, etc.">
                                </div>
                                <div class="col-md-5">
                                    <label class="form-label">Ville</label>
                                    <input type="text" name="address[city]" class="form-control" value="{{ old('address.city', $address->city ?? '') }}" placeholder="Paris, Lyon, etc.">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label">Pays</label>
                                    <input type="text" name="address[country]" class="form-control" value="{{ old('address.country', $address->country ?? 'France') }}" placeholder="France">
                                </div>
                            </div>

                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label">Latitude</label>
                                    <input type="number" step="0.00000001" name="address[latitude]" class="form-control" value="{{ old('address.latitude', $address->latitude ?? '') }}" placeholder="48.8566, 45.7640, etc.">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Longitude</label>
                                    <input type="number" step="0.00000001" name="address[longitude]" class="form-control" value="{{ old('address.longitude', $address->longitude ?? '') }}" placeholder="2.3522, 4.8357, etc.">
                                </div>
                            </div>

                            <!-- Type de Contrat Section -->
                            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-file-signature me-2"></i>Type de contrat
                            </h6>

                            <div class="mb-3">
                                @php
                                    $currentContratType = isset($program) && $program->contrat_type ? $program->contrat_type : null;
                                @endphp
                                <div class="contrat-type-checkboxes d-flex flex-wrap justify-content-center gap-2">
                                    @foreach(\App\Enums\ContratTypeProgram::selectableCases() as $contratType)
                                        <div>
                                            <input
                                                type="radio"
                                                class="btn-check"
                                                name="contrat_type"
                                                id="contrat-{{ $contratType->value }}"
                                                value="{{ $contratType->value }}"
                                                {{ old('contrat_type', $currentContratType) == $contratType->value ? 'checked' : '' }}
                                            >
                                            <label class="btn btn-outline-dark" for="contrat-{{ $contratType->value }}">
                                                <i class="fas {{ $contratType->icon() }} me-1"></i>{{ $contratType->label() }}
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                                <small class="text-muted d-block mt-2 text-center">Sélectionnez un type de contrat (optionnel)</small>
                            </div>

                            <!-- Dates Clés Section -->
                            <hr class="my-4">
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-calendar-alt me-2"></i>Dates clés du programme
                            </h6>

                            <div class="row g-3 mb-3">
                                @php
                                    $programDates = isset($program) ? $program->dates->keyBy('type') : collect();
                                @endphp
                                @foreach(\App\Enums\DateTypeProgram::cases() as $dateType)
                                    @php
                                        $existingDate = $programDates->get($dateType->value);
                                        $dateValue = $existingDate ? $existingDate->value->format('Y-m-d') : '';
                                    @endphp
                                    <div class="col-md-4">
                                        <div class="date-input-card">
                                            <label class="form-label fw-bold small">
                                                {{ $dateType->label() }}
                                            </label>
                                            <div class="input-group">
                                                <span class="input-group-text {{ $dateType->bgColor() }} text-white">
                                                    <i class="fas {{ $dateType->icon() }}"></i>
                                                </span>
                                                <input type="date"
                                                       name="dates[{{ $dateType->value }}]"
                                                       class="form-control"
                                                       value="{{ old('dates.' . $dateType->value, $dateValue) }}">
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                            <!-- Fiscalités Section -->
                            <hr class="my-4">
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-coins me-2"></i>Fiscalités
                            </h6>

                            <div class="mb-3">
                                <label class="form-label">Dispositifs fiscaux applicables</label>
                                <div class="row g-3">
                                    @php
                                        $existingFiscalites = isset($program) ? $program->fiscalites->pluck('type')->map(fn($t) => $t->value)->toArray() : [];
                                    @endphp
                                    @foreach(\App\Enums\Fiscalite::selectableCases() as $fiscalite)
                                        <div class="col-md-6">
                                            <div class="fiscalite-card">
                                                <input type="checkbox"
                                                       name="fiscalites[]"
                                                       value="{{ $fiscalite->value }}"
                                                       id="fiscalite_{{ $fiscalite->value }}"
                                                       {{ in_array($fiscalite->value, $existingFiscalites) ? 'checked' : '' }}
                                                       class="fiscalite-checkbox">
                                                <label for="fiscalite_{{ $fiscalite->value }}" class="fiscalite-label">
                                                    <div class="d-flex align-items-center">
                                                        <div class="fiscalite-icon {{ $fiscalite->bgColor() }} text-white me-3">
                                                            <i class="fas {{ $fiscalite->icon() }}"></i>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <div class="fw-bold">{{ $fiscalite->label() }}</div>
                                                            <small class="text-muted">Dispositif fiscal</small>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check-circle text-success"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <!-- Normes Écologiques Section -->
                            <hr class="my-4">
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-leaf me-2"></i>Normes écologiques
                            </h6>

                            <div class="mb-3">
                                <label class="form-label">Norme environnementale applicable <small class="text-muted">(cliquez à nouveau pour décocher)</small></label>
                                <div class="row g-3">
                                    @php
                                        $existingNormeEco = isset($program) && $program->normeEcos->first() ? $program->normeEcos->first()->type->value : null;
                                    @endphp

                                    @foreach(\App\Enums\NormeEco::selectableCases() as $normeEco)
                                        <div class="col-md-6">
                                            <div class="fiscalite-card">
                                                <input type="radio"
                                                       name="norme_eco"
                                                       value="{{ $normeEco->value }}"
                                                       id="norme_eco_{{ $normeEco->value }}"
                                                       {{ $existingNormeEco === $normeEco->value ? 'checked' : '' }}
                                                       class="fiscalite-checkbox norme-eco-radio">
                                                <label for="norme_eco_{{ $normeEco->value }}" class="fiscalite-label">
                                                    <div class="d-flex align-items-center">
                                                        <div class="fiscalite-icon {{ $normeEco->bgColor() }} text-white me-3">
                                                            <i class="fas {{ $normeEco->icon() }}"></i>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <div class="fw-bold">{{ $normeEco->label() }}</div>
                                                            <small class="text-muted">Norme écologique</small>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check-circle text-success"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <!-- Garanties Section -->
                            <hr class="my-4">
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-shield-alt me-2"></i>Garanties du programme
                            </h6>

                            <div class="mb-3">
                                <label class="form-label">Liste des garanties</label>
                                <div id="garanties-container">
                                    @php
                                        $existingGaranties = isset($program) ? $program->garanties : collect();
                                    @endphp
                                    @if($existingGaranties->count() > 0)
                                        @foreach($existingGaranties as $index => $garantie)
                                        <div class="garantie-row mb-3 border rounded p-3 bg-light">
                                            <div class="row g-3">
                                                <div class="col-md-10">
                                                    <label class="form-label">Type de garantie</label>
                                                    <select name="garanties[]" class="form-select">
                                                        <option value="">— Sélectionner —</option>
                                                        @foreach(\App\Enums\GarantieType::selectableCases() as $garantieType)
                                                        <option value="{{ $garantieType->value }}" {{ ($garantie->type?->value ?? null) === $garantieType->value ? 'selected' : '' }}>
                                                            {{ $garantieType->label() }}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-2 d-flex align-items-end">
                                                    <button type="button" class="btn btn-danger w-100" onclick="removeGarantie(this)">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                    @endif
                                </div>
                                <button type="button" class="btn btn-sm btn-outline-primary mt-2" onclick="addGarantie()">
                                    <i class="fas fa-plus me-2"></i>Ajouter une garantie
                                </button>
                            </div>

                            <!-- Prestations Section -->
                            <hr class="my-4">
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-concierge-bell me-2"></i>Prestations du programme
                            </h6>

                            <div class="mb-3">
                                <label class="form-label">Prestations disponibles</label>
                                <div class="row g-3">
                                    @php
                                        $existingPrestations = isset($program) ? $program->prestations->pluck('type')->map(fn($t) => $t->value)->toArray() : [];
                                    @endphp
                                    @foreach($prestationsProgram as $prestation)
                                        <div class="col-md-6">
                                            <div class="fiscalite-card">
                                                <input type="checkbox"
                                                       name="prestations[]"
                                                       value="{{ $prestation->value }}"
                                                       id="prestation_{{ $prestation->value }}"
                                                       {{ in_array($prestation->value, $existingPrestations) ? 'checked' : '' }}
                                                       class="fiscalite-checkbox">
                                                <label for="prestation_{{ $prestation->value }}" class="fiscalite-label">
                                                    <div class="d-flex align-items-center">
                                                        <div class="fiscalite-icon bg-{{ $prestation->color() }} text-white me-3">
                                                            <i class="{{ $prestation->icon() }}"></i>
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <div class="fw-bold">{{ $prestation->label() }}</div>
                                                            <small class="text-muted">Prestation du programme</small>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check-circle text-success"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>

                            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-images me-2"></i>Images du programme
                            </h6>

                            @if(isset($program) && $program->getMedia('images')->count() > 0)
                            <div class="mb-3">
                                <label class="form-label">Images actuelles <small class="text-muted">(Glissez-déposez pour réorganiser)</small></label>
                                <x-sortable-images
                                    :images="$program->getMedia('images')"
                                    containerId="sortable-images-edit"
                                    :canDelete="true"
                                />
                            </div>
                            @endif

                            <div class="mb-3">
                                <label class="form-label">Ajouter des images</label>
                                <div id="image-upload-container">
                                    <div class="image-upload-item mb-3">
                                        <div class="row g-2">
                                            <div class="col-md-8">
                                                <input type="file" name="images[]" class="form-control" accept="image/*">
                                            </div>
                                            <div class="col-md-4">
                                                <select name="image_types[]" class="form-select">
                                                    <option value="">Type d'image</option>
                                                    @foreach(\App\Enums\ImageType::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="addImageUpload()">
                                    <i class="fas fa-plus me-1"></i>Ajouter une autre image
                                </button>
                            </div>

                            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-file-pdf me-2"></i>Documents PDF
                            </h6>

                            @if(isset($program) && $program->documents->count() > 0)
                            <div class="mb-3">
                                <label class="form-label">Documents actuels <small class="text-muted">(Glissez-déposez pour réorganiser)</small></label>
                                <x-sortable-documents
                                    :documents="$program->documents"
                                    containerId="sortable-documents-edit"
                                    :showDownload="false"
                                    :canDelete="true"
                                    :canEditType="true"
                                    :documentTypeEnum="\App\Enums\DocumentTypeProgram::class"
                                />
                            </div>
                            @endif

                            <div class="mb-3">
                                <label class="form-label">Ajouter des documents PDF <small class="text-muted">(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" 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\DocumentTypeProgram::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>

                            <!-- Marketing Tags Section -->
                            <hr class="my-4">
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-tags me-2"></i>Mise en avant marketing
                            </h6>

                            <div class="mb-3">
                                <label class="form-label">Tags marketing pour promouvoir le programme</label>
                                <div class="row g-2">
                                    @php
                                        $existingTags = isset($program) ? $program->marketingTags->pluck('type')->map(fn($t) => $t->value)->toArray() : [];
                                    @endphp
                                    @foreach(\App\Enums\MarketingTagType::selectableCases() as $tagType)
                                        <div class="col-md-4 col-lg-3">
                                            <div class="form-check form-check-inline orientation-checkbox">
                                                <input class="form-check-input"
                                                       type="checkbox"
                                                       name="marketing_tags[]"
                                                       value="{{ $tagType->value }}"
                                                       id="tag_{{ $tagType->value }}"
                                                       {{ in_array($tagType->value, $existingTags) ? 'checked' : '' }}>
                                                <label class="form-check-label d-flex align-items-center" for="tag_{{ $tagType->value }}">
                                                    <span class="badge {{ $tagType->bgColor() }} me-1">
                                                        <i class="fas {{ $tagType->icon() }} fa-fw"></i>
                                                    </span>
                                                    <span class="small">{{ $tagType->label() }}</span>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <small class="text-muted d-block mt-2">
                                    <i class="fas fa-info-circle me-1"></i>Ces tags permettent de mettre en avant certaines caractéristiques du programme
                                </small>
                            </div>

                            <!-- Partage avec applications associées -->
                            @if($application->sharedApplications->count() > 0)
                            <hr class="my-4">
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-share-nodes me-2"></i>Partage avec les applications associées
                            </h6>

                            <div class="mb-3">
                                <label class="form-label">Partager ce programme avec les applications suivantes</label>
                                <div class="row g-3">
                                    @php
                                        $programApplicationIds = isset($program) ? $program->applications->pluck('id')->toArray() : [$application->id];
                                    @endphp
                                    @foreach($application->sharedApplications as $sharedApp)
                                        <div class="col-md-6">
                                            <div class="fiscalite-card">
                                                <input type="checkbox"
                                                       name="shared_application_ids[]"
                                                       value="{{ $sharedApp->id }}"
                                                       id="shared_app_{{ $sharedApp->id }}"
                                                       {{ in_array($sharedApp->id, $programApplicationIds) ? 'checked' : '' }}
                                                       class="fiscalite-checkbox">
                                                <label for="shared_app_{{ $sharedApp->id }}" class="fiscalite-label">
                                                    <div class="d-flex align-items-center">
                                                        <div class="fiscalite-icon bg-{{ $sharedApp->is_active ? 'primary' : 'secondary' }} text-white me-3">
                                                            {{ Str::of($sharedApp->name)->substr(0,1) }}
                                                        </div>
                                                        <div class="flex-grow-1">
                                                            <div class="fw-bold">{{ $sharedApp->name }}</div>
                                                            <small class="text-muted">{{ $sharedApp->slug }}</small>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check-circle text-success"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <small class="text-muted d-block mt-2">
                                    <i class="fas fa-info-circle me-1"></i>Ce programme sera visible dans les applications sélectionnées
                                </small>
                            </div>
                            @endif

                            <div class="mb-3">
                                <div class="form-check form-switch">
                                    <input type="hidden" name="is_active" value="0">
                                    <input class="form-check-input" type="checkbox" role="switch" id="is_active" name="is_active" value="1" {{ old('is_active', $program->is_active ?? true) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">
                                        <strong>Actif</strong>
                                    </label>
                                </div>
                            </div>

                            @if(isset($formEditor) && $formEditor && $formEditor->fields->count() > 0)
                            <!-- Champs personnalisés -->
                            <div class="mb-4 mt-4">
                                <div class="card border-primary shadow-sm">
                                <div class="card-header bg-primary bg-opacity">
                                    <h6 class="mb-0 text-primary">
                                        <i class="fas fa-star me-2"></i>Champs personnalisés
                                    </h6>
                                    <small class="text-muted">Ces champs sont spécifiques à cette application</small>
                                    <div class="alert alert-info mt-2 mb-0 py-2">
                                        <i class="fas fa-info-circle me-2"></i>
                                        <small><strong>Note :</strong> Ces champs ne concernent pas l'affichage sur le site de diffusion. Ils sont uniquement utilisés pour la gestion interne.</small>
                                    </div>
                                </div>
                                    <div class="card-body">
                                        <div class="row g-3">
                                            @foreach($formEditor->fields as $field)
                                                <div class="col-md-6">
                                                    <label class="form-label fw-bold">
                                                        <i class="fas {{ $field->type->icon() }} me-1 {{ $field->type->textColor() }}"></i>
                                                        {{ $field->label ?? $field->type->label() }}
                                                        @if($field->data)
                                                            <span class="badge bg-success ms-2">
                                                                <i class="fas fa-check me-1"></i>Donnée présente
                                                            </span>
                                                        @endif
                                                    </label>
                                                    @php
                                                        $fieldName = $field->name ?? 'field_' . $field->id;
                                                        $fieldLabel = $field->label ?? $field->type->label();
                                                        $fieldValue = old('custom_fields.' . $fieldName);
                                                        if ($fieldValue === null && $field->data && isset($field->data->json['value'])) {
                                                            $fieldValue = $field->data->json['value'];
                                                        }
                                                    @endphp
                                                    @if($field->description)
                                                        <small class="text-muted d-block mb-1">{{ $field->description }}</small>
                                                    @endif
                                                    @if($field->type === \App\Enums\FieldType::TEXT)
                                                        <input type="text" 
                                                               name="custom_fields[{{ $fieldName }}]" 
                                                               class="form-control" 
                                                               value="{{ $fieldValue ?? '' }}"
                                                               placeholder="Saisissez du texte">
                                                    @elseif($field->type === \App\Enums\FieldType::CHECKBOX)
                                                        <div class="form-check form-switch">
                                                            <input type="hidden" name="custom_fields[{{ $fieldName }}]" value="0">
                                                            <input class="form-check-input" 
                                                                   type="checkbox" 
                                                                   role="switch" 
                                                                   name="custom_fields[{{ $fieldName }}]" 
                                                                   value="1"
                                                                   {{ ($fieldValue ?? '0') == '1' ? 'checked' : '' }}>
                                                            <label class="form-check-label">Activé</label>
                                                        </div>
                                                    @elseif($field->type === \App\Enums\FieldType::NUMBER)
                                                        <input type="number" 
                                                               name="custom_fields[{{ $fieldName }}]" 
                                                               class="form-control" 
                                                               value="{{ $fieldValue ?? '' }}"
                                                               placeholder="Saisissez un nombre">
                                                    @elseif($field->type === \App\Enums\FieldType::DATE)
                                                        <input type="date" 
                                                               name="custom_fields[{{ $fieldName }}]" 
                                                               class="form-control" 
                                                               value="{{ $fieldValue ?? '' }}">
                                                    @endif
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif

                            <div class="d-flex justify-content-end gap-2 mt-3">
                                <a href="{{ route('partner.programs', $application) }}" class="btn btn-outline-secondary">Annuler</a>
                                <button type="submit" class="btn btn-primary">{{ isset($program) ? 'Mettre à jour' : 'Créer' }}</button>
                            </div>
                        </form>

                        @if(isset($program))
                        <div class="mt-4 text-center">
                            <form method="POST" action="{{ route('partner.program.destroy', ['application' => $application, 'program' => $program]) }}" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce programme ? Cette action est irréversible.');" class="d-inline-block">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger" style="min-width: 200px;">
                                    <i class="fas fa-trash me-2"></i>Supprimer ce programme
                                </button>
                            </form>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        function addImageUpload() {
            const container = document.getElementById('image-upload-container');
            const newItem = document.createElement('div');
            newItem.className = 'image-upload-item mb-3';
            newItem.innerHTML = `
                <div class="row g-2">
                    <div class="col-md-8">
                        <input type="file" name="images[]" class="form-control" accept="image/*">
                    </div>
                    <div class="col-md-4">
                        <div class="input-group">
                            <select name="image_types[]" class="form-select">
                                <option value="">Type d'image</option>
                                @foreach(\App\Enums\ImageType::cases() as $type)
                                    <option value="{{ $type->value }}">{{ $type->label() }}</option>
                                @endforeach
                            </select>
                            <button type="button" class="btn btn-outline-danger" onclick="this.closest('.image-upload-item').remove()">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                </div>
            `;
            container.appendChild(newItem);
        }

        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" 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\DocumentTypeProgram::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);
        }

        function addGarantie() {
            const container = document.getElementById('garanties-container');
            const garantieRow = document.createElement('div');
            garantieRow.className = 'garantie-row mb-3 border rounded p-3 bg-light';
            garantieRow.innerHTML = `
                <div class="row g-3">
                    <div class="col-md-10">
                        <label class="form-label">Type de garantie</label>
                        <select name="garanties[]" class="form-select">
                            <option value="">— Sélectionner —</option>
                            @foreach(\App\Enums\GarantieType::cases() as $garantieType)
                            <option value="{{ $garantieType->value }}">{{ $garantieType->label() }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2 d-flex align-items-end">
                        <button type="button" class="btn btn-danger w-100" onclick="removeGarantie(this)">
                            <i class="fas fa-trash"></i>
                        </button>
                    </div>
                </div>
            `;
            container.appendChild(garantieRow);
        }

        function removeGarantie(button) {
            const garantieRow = button.closest('.garantie-row');
            garantieRow.remove();
        }

        // Permettre de décocher un radio button en cliquant dessus à nouveau
        document.addEventListener('DOMContentLoaded', function() {
            const normeEcoRadios = document.querySelectorAll('.norme-eco-radio');
            let lastChecked = null;

            normeEcoRadios.forEach(radio => {
                radio.addEventListener('click', function(e) {
                    if (this === lastChecked) {
                        // Si on clique sur le même radio déjà sélectionné, on le décoche
                        this.checked = false;
                        lastChecked = null;
                    } else {
                        // Sinon, on mémorise le radio sélectionné
                        lastChecked = this;
                    }
                });
            });
        });

        document.addEventListener('DOMContentLoaded', function() {
            // Initialiser Sortable pour les images
            @if(isset($program))
            initSortable('#sortable-images-edit', {
                itemSelector: '.sortable-item',
                orderBadgeSelector: '.image-order-badge .badge',
                url: '{{ route('partner.program.reorder-images', ['application' => $application, 'program' => $program]) }}',
                csrfToken: '{{ csrf_token() }}',
                errorMessage: 'Erreur lors de la mise à jour de l\'ordre des images'
            });

            // Initialiser Sortable pour les documents
            initSortable('#sortable-documents-edit', {
                itemSelector: '.sortable-document-item',
                orderBadgeSelector: '.document-order-badge .badge',
                url: '{{ route('partner.program.reorder-documents', ['application' => $application, 'program' => $program]) }}',
                csrfToken: '{{ csrf_token() }}',
                errorMessage: 'Erreur lors de la mise à jour de l\'ordre des documents'
            });
            @endif

        // Permettre la désélection des types de contrat en cliquant à nouveau
        let lastCheckedContratType = null;
        document.querySelectorAll('.contrat-type-checkboxes input[type="radio"]').forEach(radio => {
            radio.addEventListener('click', function(e) {
                if (lastCheckedContratType === this) {
                    this.checked = false;
                    lastCheckedContratType = null;
                } else {
                    lastCheckedContratType = this;
                }
            });
        });

        // Initialiser lastCheckedContratType avec le bouton déjà coché au chargement
        const checkedContratType = document.querySelector('.contrat-type-checkboxes input[type="radio"]:checked');
        if (checkedContratType) {
            lastCheckedContratType = checkedContratType;
        }
        });
    </script>

    <!-- Slug Generator Component -->
    <x-slug-generator />
@endsection