@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('partner.home') }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.programs') }}">Programmes</a></li>
            @if(isset($program))
                <li class="breadcrumb-item"><a href="{{ route('partner.program.show', ['program' => $program->token]) }}">Fiche programme</a></li>
                <li class="breadcrumb-item active" aria-current="page">Modifier</li>
            @else
                <li class="breadcrumb-item active" aria-current="page">Ajouter un programme</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(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <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">
        <div>
            @foreach ($errors->all() as $error)
                <p class="{{ $loop->last ? 'mb-0' : 'mb-2' }}">{{ $error }}</p>
            @endforeach
        </div>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="container-fluid pt-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            <div class="big-icon-badge d-flex align-items-center justify-content-center mx-auto">
                                <span class="icon-building-2 icon icon-54 text-primary"></span>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <h1 class="h3 mb-2 text-primary">
                                @if(isset($program))
                                    Modifier {{ $program->name }}
                                @else
                                    Ajouter un programme
                                @endif
                            </h1>
                            @if(isset($program))
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                <span class="text-grey text-16">{{ $program->slug }}</span>
                                @php $address = $program->addresses?->first(); @endphp
                                @if($address && $address->city)
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-16"><span class="icon-map-pin icon icon-18 text-grey"></span> {{ $address->city }}</span>
                                @endif
                                @if($program->fiscalites && $program->fiscalites->count() > 0)
                                    <span class="separator-vertical"></span>
                                    <span class="text-grey text-16"><span class="icon-landmark icon icon-18 text-grey"></span> {{ $program->fiscalites->first()?->type?->label() }}</span>
                                @endif
                            </div>
                            @else
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                <span class="text-grey text-16">Renseignez les informations du nouveau programme</span>
                            </div>
                            @endif
                        </div>
                        <div class="col-md-3 d-flex justify-content-md-end align-items-start gap-2 mt-3 mt-md-0">
                            <a href="{{ isset($program) ? route('partner.program.show', ['program' => $program->token]) : route('partner.programs') }}" class="btn btn-outline-secondary">
                                {{ isset($program) ? 'Retour' : 'Annuler' }}
                            </a>
                            <button type="submit" form="programEditForm" class="btn btn-success text-white">
                                @if(isset($program))
                                    <span class="icon-save icon icon-16 text-white align-items-center justify-content-center mx-auto me-1"></span> Enregistrer
                                @else
                                    Ajouter ce programme
                                @endif
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@php
    $programInitialFiscaliteValues = isset($program)
        ? $program->fiscalites->pluck('type')->map(fn ($t) => $t->value)->values()->all()
        : [];
@endphp
<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="card mb-4">
            <div class="card-body">
                <form
                    method="POST"
                    id="programEditForm"
                    action="{{ isset($program) ? route('partner.program.update', ['program' => $program->token]) : route('partner.program.store') }}"
                    enctype="multipart/form-data"
                    @if(isset($program))
                        data-program-edit="1"
                    @endif
                >
                    @csrf
                    @if(isset($program))
                        @method('PUT')
                    @endif

                    <div class="row g-3 mb-3 align-items-end">
                        <div class="col-md-10">
                            <label class="form-label fw-bold">Nom du programme</label>
                            <input type="text" name="name" id="program-name" class="form-control" value="{{ old('name', $program->name ?? '') }}" placeholder="Saisissez..." required>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label fw-bold">Statut du programme</label>
                            @php
                                $isActive = (string) old('is_active', isset($program) ? ((int) ($program->is_active ?? true)) : '1') === '1';
                            @endphp
                            <div class="dropdown w-100" id="program-form-status-dropdown">
                                <input type="hidden" name="is_active" id="program-form-status-input" value="{{ $isActive ? '1' : '0' }}">
                                <button
                                    type="button"
                                    id="program-form-status-button"
                                        class="btn btn-outline-secondary text-navigo text-14 btn-height-44 text-nowrap dropdown-toggle w-100 text-start d-flex align-items-center justify-content-between {{ $isActive ? 'text-success' : 'text-danger' }}"
                                    data-bs-toggle="dropdown"
                                    aria-expanded="false"
                                >
                                    <span><span class="status-dot me-1"></span>{{ $isActive ? 'Actif' : 'Inactif' }}</span>
                                </button>
                                <ul class="dropdown-menu w-100 entity-actions-menu">
                                    <li>
                                        <a class="dropdown-item text-navigo text-14 program-form-status-option program-status-option-active {{ $isActive ? 'active' : '' }}" href="#" data-is-active="1">Actif</a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item text-navigo text-14 program-form-status-option program-status-option-inactive {{ !$isActive ? 'active' : '' }}" href="#" data-is-active="0">Inactif</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    @if(auth()->user() && auth()->user()->isRole('ROLE_SUPPORT'))
                    <div class="row g-3 mb-3">
                        <div class="col-md-12">
                            <label class="form-label fw-bold">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-dark" onclick="generateSlug('program-name', 'program-slug')" title="Générer automatiquement">
                                    <i class="fas fa-magic me-1"></i>Générer
                                </button>
                            </div>
                        </div>
                    </div>
                    <x-slug-generator />
                    @endif


                    <!-- Adresse Section -->
                    <div class="row g-4">
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Adresse</span></h6>

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

                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">Adresse</label>
                                    <input type="text" name="address[line_1]" class="form-control" value="{{ old('address.line_1', $address->line_1 ?? '') }}" placeholder="Saisissez..." required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label fw-bold">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>

                            <div class="row g-3 mb-3">
                                <div class="col-md-4">
                                    <label class="form-label fw-bold">Code postal</label>
                                    <input type="text" name="address[zip_code]" class="form-control" value="{{ old('address.zip_code', $address->zip_code ?? '') }}" placeholder="Saisissez...">
                                </div>
                                <div class="col-md-5">
                                    <label class="form-label fw-bold">Ville</label>
                                    <input type="text" name="address[city]" class="form-control" value="{{ old('address.city', $address->city ?? '') }}" placeholder="Saisissez...">
                                </div>
                                <div class="col-md-3">
                                    <label class="form-label fw-bold">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 fw-bold">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 fw-bold">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>
                        </div>


                        <!-- Dates Clés Section -->
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Dates clés</span></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">
                                        <label class="form-label fw-bold small">
                                            {{ $dateType->label() }}
                                        </label>
                                        <div class="input-group">
                                            <input type="date" name="dates[{{ $dateType->value }}]" class="form-control" value="{{ old('dates.' . $dateType->value, $dateValue) }}">
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>


                        <!-- Type de Contrat Section -->
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Type de contrat</span></h6>

                            <div class="mb-3">
                                @php
                                    $currentContratType = old(
                                        'contrat_type',
                                        isset($program) && $program->contrat_type
                                            ? $program->contrat_type->value
                                            : null
                                    );
                                @endphp
                                <div class="d-flex ">
                                    <div class="btn-group contrat-type-checkboxes" role="group" aria-label="Type de contrat">
                                        @foreach(\App\Enums\ContratTypeProgram::selectableCases() as $contratType)
                                            <input type="radio" class="btn-check" name="contrat_type" id="contrat-{{ $contratType->value }}" value="{{ $contratType->value }}" {{ $currentContratType === $contratType->value ? 'checked' : '' }} >
                                            <label class="btn btn-outline-dark fw-bold text-14" for="contrat-{{ $contratType->value }}">
                                                Contrat {{ $contratType->label() }}
                                            </label>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>


                        <!-- Fiscalités Section -->
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Fiscalités</span></h6>

                            <div class="mb-3">
                                <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="flex-grow-1">
                                                            <div class="fw-bold">{{ $fiscalite->label() }}</div>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check text-primary"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>


                        <!-- Garanties Section -->
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Garanties</span></h6>

                            <div class="mb-3">
                                <div class="row g-3">
                                    @php
                                        $existingGarantiesList = old(
                                            'garanties',
                                            isset($program)
                                                ? $program->garanties->pluck('type')->filter()->map(fn($t) => $t->value)->values()->all()
                                                : []
                                        );
                                        $existingGarantiesList = is_array($existingGarantiesList) ? $existingGarantiesList : [];
                                    @endphp
                                    @foreach(\App\Enums\GarantieType::selectableCases() as $garantieType)
                                        <div class="col-md-6">
                                            <div class="fiscalite-card">
                                                <input type="checkbox"
                                                       name="garanties[]"
                                                       value="{{ $garantieType->value }}"
                                                       id="garantie_{{ $garantieType->value }}"
                                                       {{ in_array($garantieType->value, $existingGarantiesList) ? 'checked' : '' }}
                                                       class="fiscalite-checkbox">
                                                <label for="garantie_{{ $garantieType->value }}" class="fiscalite-label">
                                                    <div class="d-flex align-items-center">
                                                        <div class="flex-grow-1">
                                                            <div class="fw-bold"><i class="fas {{ $garantieType->icon() }} me-1"></i> {{ $garantieType->label() }}</div>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check text-primary"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>


                        <!-- Prestations Section -->
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Prestations</span></h6>

                            <div class="mb-3">
                                <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="flex-grow-1">
                                                            <div class="fw-bold"><i class="{{ $prestation->icon() }}"></i> {{ $prestation->label() }}</div>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check text-primary"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>


                        <!-- Normes Écologiques Section -->
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Normes écologiques</span></h6>

                            <div class="mb-3">
                                @php
                                    $existingNormeEco = old(
                                        'norme_eco',
                                        isset($program) && $program->normeEcos->first()
                                            ? $program->normeEcos->first()->type->value
                                            : null
                                    );
                                @endphp
                                <div class="d-flex">
                                    <div class="btn-group contrat-type-checkboxes" role="group" aria-label="Normes écologiques">
                                        @foreach(\App\Enums\NormeEco::selectableCases() as $normeEco)
                                            <input type="radio" class="btn-check norme-eco-radio" name="norme_eco" id="norme_eco_{{ $normeEco->value }}" value="{{ $normeEco->value }}" {{ $existingNormeEco === $normeEco->value ? 'checked' : '' }} >
                                            <label class="btn btn-outline-dark fw-bold text-14" for="norme_eco_{{ $normeEco->value }}">
                                                {{ $normeEco->label() }}
                                            </label>
                                        @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                        

                        <!-- Marketing Tags Section -->
                        <div class="col-md-12">
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Mise en avant marketing</span></h6>

                            <div class="mb-3">
                                <div class="row g-3">
                                    @php
                                        $existingTags = old(
                                            'marketing_tags',
                                            isset($program)
                                                ? $program->marketingTags->pluck('type')->map(fn($t) => $t->value)->toArray()
                                                : []
                                        );
                                        $existingTags = is_array($existingTags) ? $existingTags : [];
                                    @endphp
                                    @foreach(\App\Enums\MarketingTagType::selectableCases() as $tagType)
                                        <div class="col-md-6">
                                            <div class="fiscalite-card">
                                                <input type="checkbox"
                                                       name="marketing_tags[]"
                                                       value="{{ $tagType->value }}"
                                                       id="tag_{{ $tagType->value }}"
                                                       {{ in_array($tagType->value, $existingTags) ? 'checked' : '' }}
                                                       class="fiscalite-checkbox">
                                                <label for="tag_{{ $tagType->value }}" class="fiscalite-label">
                                                    <div class="d-flex align-items-center">
                                                        <div class="flex-grow-1">
                                                            <div class="fw-bold"><i class="fas {{ $tagType->icon() }} me-1"></i> {{ $tagType->label() }}</div>
                                                        </div>
                                                        <div class="fiscalite-check">
                                                            <i class="fas fa-check text-primary"></i>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Carte interactive CityScan -->
                    @if(isset($application) && $application->hasFeature(\App\Enums\FeatureSlug::CITYSCAN->value))
                        <hr class="my-4">
                        <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Carte interactive</span></h6>

                        @php
                            $cityscanEnabled = old(
                                'cityscan_enabled',
                                isset($program) ? (bool) ($program->cityscan_enabled ?? false) : false
                            );
                        @endphp
                        <div class="mb-3">
                            <div class="row g-3 row-cols-1 row-cols-md-3">
                                <div class="col">
                                    <input type="hidden" name="cityscan_enabled" value="0">
                                    <div class="fiscalite-card">
                                        <input
                                            type="checkbox"
                                            id="cityscan_enabled"
                                            name="cityscan_enabled"
                                            value="1"
                                            class="fiscalite-checkbox"
                                            {{ $cityscanEnabled ? 'checked' : '' }}
                                        >
                                        <label for="cityscan_enabled" class="fiscalite-label">
                                            <div class="d-flex align-items-center">
                                                <div class="flex-grow-1">
                                                    <div class="fw-bold"><i class="fas fa-map-marked-alt me-1"></i> Carte interactive CityScan</div>
                                                </div>
                                                <div class="fiscalite-check">
                                                    <i class="fas fa-check text-primary"></i>
                                                </div>
                                            </div>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif

                    <!-- ------------------------------------------------------------------------------------------ -->
                    <!-- Images et documents (supprimés du formulaire) -->
                    <!-- ------------------------------------------------------------------------------------------ -->
                    @php
                    /*
                    <!-- Images Section -->
                    <div class="col-md-12">
                        <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Images</span></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 <small class="text-muted">(Max 10 Mo par image)</small></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>
                    </div>


                    <!-- Documents PDF Section -->
                    <div class="col-md-12">
                        <h6 class="h6-line text-navigo text-12 text-primary mb-3 text-uppercase"><span>Documents PDF</span></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"
                                :application="$application"
                                :program="$program"
                            />
                        </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>
                    </div>
                    */
                    @endphp
                    <!-- ------------------------------------------------------------------------------------------ -->
                    <!-- Images et documents -->
                    <!-- ------------------------------------------------------------------------------------------ -->




                    <!-- 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 text-primary"></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

                    @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

                </form>

                @if(isset($program))
                    @include('modals.confirm-remove-program-fiscalite')
                @endif

                @if(isset($program) && auth()->user()->canDeletePartnerProgram())
                <div class="mt-4 text-center">
                    <button
                        type="button"
                        class="btn btn-danger"
                        style="min-width: 200px;"
                        data-bs-toggle="modal"
                        data-bs-target="#{{ ($hasProgramDeletionBlockers ?? false) ? 'program-cannot-delete-modal' : 'program-delete-modal' }}"
                    >
                        <i class="fas fa-trash me-2"></i>Supprimer ce programme
                    </button>
                </div>
                @include('modals.program-delete-modals', ['program' => $program])
                @endif
            </div>
        </div>
    </div>
</div>

@if(session('showProgramCannotDeleteModal'))
<script>
document.addEventListener('DOMContentLoaded', function () {
    const cannotDeleteModalEl = document.getElementById('program-cannot-delete-modal');
    if (cannotDeleteModalEl && typeof bootstrap !== 'undefined' && bootstrap.Modal) {
        bootstrap.Modal.getOrCreateInstance(cannotDeleteModalEl).show();
    }
});
</script>
@endif

<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);
        }

        // 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) {
                        this.checked = false;
                        lastChecked = null;
                    } else {
                        lastChecked = this;
                    }
                });
            });
            const checkedNormeEco = document.querySelector('.norme-eco-radio:checked');
            if (checkedNormeEco) {
                lastChecked = checkedNormeEco;
            }
        });

        document.addEventListener('DOMContentLoaded', function() {
            // Initialiser Sortable pour les images/documents (ne rien faire si $program n'est pas présent)
            const imagesUrl = "{{ isset($program) ? route('partner.program.reorder-images', ['program' => $program->token]) : '' }}";
            const documentsUrl = "{{ isset($program) ? route('partner.program.reorder-documents', ['program' => $program->token]) : '' }}";

            if (imagesUrl) {
                initSortable('#sortable-images-edit', {
                    itemSelector: '.sortable-item',
                    orderBadgeSelector: '.image-order-badge .badge',
                    url: imagesUrl,
                    csrfToken: '{{ csrf_token() }}',
                    errorMessage: 'Erreur lors de la mise à jour de l\'ordre des images'
                });
            }

            if (documentsUrl) {
                initSortable('#sortable-documents-edit', {
                    itemSelector: '.sortable-document-item',
                    orderBadgeSelector: '.document-order-badge .badge',
                    url: documentsUrl,
                    csrfToken: '{{ csrf_token() }}',
                    errorMessage: 'Erreur lors de la mise à jour de l\'ordre des documents'
                });
            }

        // 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;
        }
        });

        document.addEventListener('DOMContentLoaded', function () {
            const formStatusDropdown = document.getElementById('program-form-status-dropdown');
            const formStatusButton = document.getElementById('program-form-status-button');
            const formStatusInput = document.getElementById('program-form-status-input');
            if (formStatusDropdown && formStatusButton && formStatusInput) {
                formStatusDropdown.querySelectorAll('.program-form-status-option').forEach(function (option) {
                    option.addEventListener('click', function (e) {
                        e.preventDefault();
                        const isActive = option.dataset.isActive === '1';
                        formStatusInput.value = isActive ? '1' : '0';
                        formStatusButton.innerHTML = '<span><span class="status-dot me-1"></span>' + (isActive ? 'Actif' : 'Inactif') + '</span>';
                        formStatusButton.classList.toggle('text-success', isActive);
                        formStatusButton.classList.toggle('text-danger', !isActive);
                        formStatusDropdown.querySelectorAll('.program-form-status-option').forEach(function (el) {
                            el.classList.toggle('active', el === option);
                        });
                        if (typeof bootstrap !== 'undefined' && bootstrap.Dropdown) {
                            bootstrap.Dropdown.getOrCreateInstance(formStatusButton).hide();
                        }
                    });
                });
            }

            const programEditForm = document.getElementById('programEditForm');
            if (!programEditForm || programEditForm.dataset.programEdit !== '1') {
                return;
            }
            const initialFiscalites = @json($programInitialFiscaliteValues);
            const BootstrapModal = typeof window.bootstrap !== 'undefined' ? window.bootstrap.Modal : null;
            programEditForm.addEventListener('submit', function (e) {
                if (programEditForm.dataset.fiscaliteRemovalBypass === '1') {
                    programEditForm.dataset.fiscaliteRemovalBypass = '';
                    return;
                }
                const checked = Array.from(programEditForm.querySelectorAll('input[name="fiscalites[]"]:checked')).map(function (cb) {
                    return cb.value;
                });
                const removed = initialFiscalites.filter(function (v) {
                    return checked.indexOf(v) === -1;
                });
                if (removed.length === 0) {
                    return;
                }
                const modalEl = document.getElementById('confirmRemoveProgramFiscaliteModal');
                if (!modalEl || !BootstrapModal) {
                    return;
                }
                e.preventDefault();
                const modal = BootstrapModal.getOrCreateInstance(modalEl);
                const confirmBtn = document.getElementById('confirmRemoveProgramFiscaliteBtn');
                const onConfirm = function () {
                    programEditForm.dataset.fiscaliteRemovalBypass = '1';
                    modal.hide();
                    if (typeof programEditForm.requestSubmit === 'function') {
                        programEditForm.requestSubmit();
                    } else {
                        programEditForm.submit();
                    }
                };
                if (confirmBtn) {
                    confirmBtn.addEventListener('click', onConfirm, { once: true });
                }
                modal.show();
            });
        });
    </script>

@endsection