@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"><a href="{{ route('partner.program.show', ['application' => $application, 'program' => $program]) }}">{{ $program->name }}</a></li>
                <li class="breadcrumb-item"><a href="{{ route('partner.lots', ['application' => $application, 'program' => $program]) }}">Lots</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{ isset($lot) ? 'Modifier' : 'Créer' }}</li>
            </ol>
        </nav>
    @endsection

    <div class="container-fluid py-4">
        @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <h5 class="alert-heading"><i class="fas fa-check-circle me-2"></i>Succès</h5>
            <p class="mb-0">{{ session('success') }}</p>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif

        @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <h5 class="alert-heading"><i class="fas fa-exclamation-triangle me-2"></i>Erreur</h5>
            <p class="mb-0">{{ session('error') }}</p>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif

        @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($lot)
                                    <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-home"></i>
                                    </div>
                                    <div>
                                        <h3 class="mb-0">{{ $lot->name }}</h3>
                                        <p class="text-muted mb-0">
                                            <i class="fas fa-building me-1"></i>{{ $program->name }}
                                        </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 lot</h3>
                                        <p class="text-muted mb-0">
                                            <i class="fas fa-building me-1"></i>{{ $program->name }}
                                        </p>
                                    </div>
                                @endif
                            </div>
                            <div class="d-flex gap-2">
                                @if($lot)
                                    <a href="{{ route('partner.lot.show', ['application' => $application, 'program' => $program, 'lot' => $lot]) }}" class="btn btn-outline-primary">
                                        <i class="fas fa-eye me-2"></i>Voir le lot
                                    </a>
                                @endif
                                <a href="{{ route('partner.lots', ['application' => $application, 'program' => $program]) }}" class="btn btn-outline-secondary">
                                    <i class="fas fa-arrow-left me-2"></i>Retour
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Gender Selector - Outside form -->
        <div class="row mb-3">
            <div class="col-12">
                <div class="d-flex justify-content-end">
                    <div class="gender-selector-floating">
                        <div class="d-flex gap-2">
                            @foreach(\App\Enums\ProductType::genderTypes() as $genderType)
                            <button
                                type="button"
                                class="btn-gender-selector {{ old('gender', $lot->gender?->value ?? 'appartement') == $genderType->value ? 'active' : '' }}"
                                data-gender="{{ $genderType->value }}"
                                onclick="selectGender('{{ $genderType->value }}')"
                            >
                                <i class="{{ $genderType->icon() }} me-2"></i>{{ $genderType->label() }}
                                <span class="gender-check-icon {{ old('gender', $lot->gender?->value ?? 'appartement') == $genderType->value ? '' : 'd-none' }}">
                                    <i class="fas fa-check ms-2"></i>
                                </span>
                            </button>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="card shadow-sm">
                    <div class="card-header d-flex align-items-center justify-content-between">
                        <div>
                            <h5 class="mb-1"><i class="fas fa-home me-2"></i>{{ isset($lot) ? 'Modifier un lot' : 'Créer un lot' }}</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ isset($lot) ? route('partner.lot.update', ['application' => $application, 'program' => $program, 'lot' => $lot]) : route('partner.lot.store', ['application' => $application, 'program' => $program]) }}" enctype="multipart/form-data" id="lot-form">
                            @csrf
                            @if(isset($lot))
                                @method('PUT')
                            @endif

                            <!-- Hidden field for gender -->
                            <input type="hidden" name="gender" id="gender-input" value="{{ old('gender', $lot->gender?->value ?? 'appartement') }}">

                            <!-- Hidden fields for assistant price calculation -->
                            <input type="hidden" name="assistant_price_ttc" id="assistant-price-ttc-input" value="">
                            <input type="hidden" name="assistant_calc_frais_notaire" id="assistant-calc-frais-notaire-input" value="">
                            <input type="hidden" name="assistant_calc_tva_5_5" id="assistant-calc-tva-5-5-input" value="">
                            <input type="hidden" name="assistant_calc_tva_10" id="assistant-calc-tva-10-input" value="">

                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label">Numéro du lot</label>
                                    <input type="text" name="number" id="lot-number" class="form-control" value="{{ old('number', $lot->number ?? '') }}" placeholder="001, A01, etc." required>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Slug</label>
                                    <div class="input-group">
                                        <input type="text" name="slug" id="lot-slug" class="form-control" value="{{ old('slug', $lot->slug ?? '') }}" required>
                                        <button type="button" class="btn btn-outline-primary" onclick="generateSlug('lot-number', 'lot-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 numéro</small>
                                </div>
                            </div>

                            <div class="row g-3 mb-3">
                                <div class="col-md-6">
                                    <label class="form-label">Type de lot</label>
                                    <select name="type" class="form-select">
                                        <option value="">— Sélectionner —</option>
                                        @foreach(\App\Enums\ProductType::lotTypes() as $lotType)
                                            <option value="{{ $lotType->value }}" {{ old('type', $lot->type?->value ?? '') == $lotType->value ? 'selected' : '' }}>
                                                {{ $lotType->label() }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <small class="text-muted">Type de bien immobilier</small>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label">Niveau / Étage</label>
                                    <select name="floor" class="form-select">
                                        <option value="">— Sélectionner —</option>
                                        @foreach(\App\Enums\FloorType::cases() as $floorType)
                                            <option value="{{ $floorType->value }}" {{ old('floor', $lot->floor?->value ?? '') == $floorType->value ? 'selected' : '' }}>
                                                {{ $floorType->label() }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <small class="text-muted">Niveau du lot dans l'immeuble</small>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Tantième (facultatif)</label>
                                <input type="text" name="tantieme" class="form-control" value="{{ old('tantieme', $lot->tantieme ?? '') }}" placeholder="Ex: 150/10000">
                                <small class="text-muted">Quote-part dans les charges communes</small>
                            </div>

                            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-compass me-2"></i>Orientations
                            </h6>

                            <div class="mb-4">
                                <label class="form-label fw-bold">Sélectionnez les orientations du lot</label>
                                <div class="row g-2">
                                    @php
                                        $existingOrientations = isset($lot) ? $lot->orientations->pluck('type')->map(fn($o) => $o->value)->toArray() : [];
                                    @endphp
                                    @foreach(\App\Enums\Orientation::selectableCases() as $orientation)
                                    <div class="col-lg-3 col-md-4 col-sm-6">
                                        <div class="form-check orientation-checkbox">
                                            <input class="form-check-input"
                                                   type="checkbox"
                                                   name="orientations[]"
                                                   value="{{ $orientation->value }}"
                                                   id="orientation_{{ $orientation->value }}"
                                                   {{ in_array($orientation->value, old('orientations', $existingOrientations)) ? 'checked' : '' }}>
                                            <label class="form-check-label w-100" for="orientation_{{ $orientation->value }}">
                                                <div class="orientation-card p-2 border rounded text-center h-100">
                                                    <div class="orientation-icon mb-1">
                                                        <i class="{{ $orientation->icon() }} fa-lg text-{{ $orientation->color() }}"></i>
                                                    </div>
                                                    <div class="orientation-label">
                                                        <strong class="small">{{ $orientation->label() }}</strong>
                                                    </div>
                                                </div>
                                            </label>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                                <small class="text-muted d-block mt-2">
                                    <i class="fas fa-info-circle me-1"></i>Vous pouvez sélectionner plusieurs orientations pour les lots d'angle ou traversants
                                </small>
                            </div>

                            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-align-left me-2"></i>Descriptions
                            </h6>

                            @foreach(\App\Enums\DescriptionLotType::selectableCases() as $descType)
                            <div class="mb-3">
                                <label class="form-label fw-bold">
                                    <i class="{{ $descType->icon() }} me-1 text-{{ $descType->color() }}"></i>
                                    {{ $descType->label() }}
                                </label>
                                @php
                                    $existingDesc = isset($lot) ? $lot->descriptions->firstWhere('type', $descType->value) : null;
                                @endphp
                                <textarea name="descriptions[{{ $descType->value }}]" class="form-control" rows="4" placeholder="Saisissez {{ strtolower($descType->label()) }}...">{{ old('descriptions.'.$descType->value, $existingDesc?->text ?? '') }}</textarea>
                                @if($existingDesc)
                                <input type="hidden" name="descriptions_ids[{{ $descType->value }}]" value="{{ $existingDesc->id }}">
                                @endif
                            </div>
                            @endforeach

                            <div class="mb-3">
                                <label class="form-label fw-bold">État du lot</label>
                                <select name="state" class="form-select" required>
                                    @php
                                        $currentState = isset($lot) ? $lot->current_state->value : 'libre';
                                    @endphp
                                    @foreach(\App\Enums\ProductState::selectableCases() as $state)
                                    <option value="{{ $state->value }}" {{ old('state', $currentState) === $state->value ? 'selected' : '' }}>
                                        {{ $state->label() }} - {{ $state->description() }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>

                            <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', $lot->is_active ?? true) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">
                                        <strong>Actif</strong>
                                    </label>
                                </div>
                            </div>

                            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-euro-sign me-2"></i>Prix du lot
                            </h6>

                            <div id="prices-container">
                                @if(isset($lot) && $lot->prices && $lot->prices->count() > 0)
                                    @php
                                        $salePricesEdit = $lot->prices->filter(function($price) {
                                            return in_array($price->type, ['prix_ht', 'prix_ttc', 'prix_tva_5_5', 'prix_tva_10']);
                                        });
                                    @endphp
                                    @foreach($salePricesEdit as $index => $price)
                                    <div class="price-row mb-3 border rounded p-3 bg-light">
                                        <div class="row g-3">
                                            <div class="col-md-4">
                                                <label class="form-label">Type</label>
                                                <select name="prices[{{ $index }}][type]" class="form-select">
                                                    <option value="">— Sélectionner —</option>
                                                    @foreach(\App\Enums\PriceType::selectableCases() as $priceType)
                                                        <option value="{{ $priceType->value }}" {{ old('prices.'.$index.'.type', $price->type) == $priceType->value ? 'selected' : '' }}>
                                                            {{ $priceType->label() }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <input type="hidden" name="prices[{{ $index }}][id]" value="{{ $price->id }}">
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label">Montant (€)</label>
                                                <input type="number" step="0.01" name="prices[{{ $index }}][value]" class="form-control" value="{{ old('prices.'.$index.'.value', $price->value) }}" placeholder="0.00">
                                            </div>
                                            <div class="col-md-2">
                                                <!-- Espace réservé pour alignement -->
                                            </div>
                                            <div class="col-md-2 d-flex align-items-end">
                                                <button type="button" class="btn btn-danger w-100" onclick="removePrice(this)">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                @endif
                            </div>

            <button type="button" class="btn btn-outline-primary btn-sm mb-3" onclick="addPrice()">
                <i class="fas fa-plus me-1"></i>Ajouter un prix
            </button>

            <h6 class="text-primary mb-3 mt-4">
                <i class="fas fa-building me-2"></i>Prix immo
            </h6>

            <div id="immo-prices-container">
                <!-- Champ caché pour garantir que immo_prices est toujours envoyé -->
                <input type="hidden" name="immo_prices_section" value="1">
                @if(isset($lot) && $lot->prices && $lot->prices->count() > 0)
                    @php
                        $immoPrices = $lot->prices->filter(function($price) {
                            return in_array($price->type, ['prix_immo_ttc', 'prix_immo_ht']);
                        });
                        $immoIndex = 0;
                    @endphp
                    @foreach($immoPrices as $price)
                    <div class="immo-price-row mb-3 border rounded p-3 bg-light">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Type</label>
                                <select name="immo_prices[{{ $immoIndex }}][type]" class="form-select">
                                    <option value="">— Sélectionner —</option>
                                    <option value="prix_immo_ttc" {{ old('immo_prices.'.$immoIndex.'.type', $price->type) == 'prix_immo_ttc' ? 'selected' : '' }}>
                                        Prix Immo TTC
                                    </option>
                                    <option value="prix_immo_ht" {{ old('immo_prices.'.$immoIndex.'.type', $price->type) == 'prix_immo_ht' ? 'selected' : '' }}>
                                        Prix Immo HT
                                    </option>
                                </select>
                                <input type="hidden" name="immo_prices[{{ $immoIndex }}][id]" value="{{ $price->id }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Montant (€)</label>
                                <input type="number" step="0.01" name="immo_prices[{{ $immoIndex }}][value]" class="form-control" value="{{ old('immo_prices.'.$immoIndex.'.value', $price->value) }}" placeholder="0.00">
                            </div>
                            <div class="col-md-2">
                                <!-- Espace réservé pour alignement -->
                            </div>
                            <div class="col-md-2 d-flex align-items-end">
                                <button type="button" class="btn btn-danger w-100" onclick="removeImmoPrice(this)">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    @php $immoIndex++; @endphp
                    @endforeach
                @endif
            </div>

            <button type="button" class="btn btn-outline-primary btn-sm mb-3" onclick="addImmoPrice()">
                <i class="fas fa-plus me-1"></i>Ajouter un prix immo
            </button>

            <h6 class="text-primary mb-3 mt-4">
                <i class="fas fa-tools me-2"></i>Prix des travaux
            </h6>

            <div id="travaux-prices-container">
                @if(isset($lot) && $lot->prices && $lot->prices->count() > 0)
                    @php
                        $travauxPrices = $lot->prices->filter(function($price) {
                            return in_array($price->type, ['prix_travaux_eligible', 'prix_travaux_non_eligible']);
                        });
                        $travauxIndex = 0;
                    @endphp
                    @foreach($travauxPrices as $price)
                    <div class="travaux-price-row mb-3 border rounded p-3 bg-light">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Type</label>
                                <select name="travaux_prices[{{ $travauxIndex }}][type]" class="form-select">
                                    <option value="">— Sélectionner —</option>
                                    @foreach(\App\Enums\PriceTypeTravaux::selectableCases() as $priceType)
                                        <option value="{{ $priceType->value }}" {{ old('travaux_prices.'.$travauxIndex.'.type', $price->type) == $priceType->value ? 'selected' : '' }}>
                                            {{ $priceType->label() }}
                                        </option>
                                    @endforeach
                                </select>
                                <input type="hidden" name="travaux_prices[{{ $travauxIndex }}][id]" value="{{ $price->id }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Montant (€)</label>
                                <input type="number" step="0.01" name="travaux_prices[{{ $travauxIndex }}][value]" class="form-control" value="{{ old('travaux_prices.'.$travauxIndex.'.value', $price->value) }}" placeholder="0.00">
                            </div>
                            <div class="col-md-2">
                                @php
                                    $readOnlyKey = 'travaux_prices.'.$travauxIndex.'.read_only';
                                    $readOnlyValue = old($readOnlyKey, $price->read_only ? 1 : 0);
                                @endphp
                                <label class="form-label">Inclus dans le prix</label>
                                <div class="form-check form-switch">
                                    <input type="hidden" name="travaux_prices[{{ $travauxIndex }}][read_only]" value="0">
                                    <input class="form-check-input" type="checkbox" id="travaux-price-readonly-{{ $travauxIndex }}" name="travaux_prices[{{ $travauxIndex }}][read_only]" value="1" {{ $readOnlyValue == 1 ? 'checked' : '' }}>
                                    <label class="form-check-label small" for="travaux-price-readonly-{{ $travauxIndex }}">
                                        Oui
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-2 d-flex align-items-end">
                                <button type="button" class="btn btn-danger w-100" onclick="removeTravauxPrice(this)" title="Supprimer le prix">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    @php $travauxIndex++; @endphp
                    @endforeach
                @endif
            </div>

            <button type="button" class="btn btn-outline-primary btn-sm mb-3" onclick="addTravauxPrice()">
                <i class="fas fa-plus me-1"></i>Ajouter un prix de travaux
            </button>

            <h6 class="text-primary mb-3 mt-4">
                <i class="fas fa-home me-2"></i>Prix du loyer
            </h6>

                            <div id="rental-prices-container">
                                @if(isset($lot) && $lot->prices && $lot->prices->count() > 0)
                                    @php
                                        $rentalPrices = $lot->prices->filter(function($price) {
                                            return in_array($price->type, ['mensuel_ttc', 'mensuel_ht', 'mensuel_denormandie_ttc', 'mensuel_denormandie_ht', 'mensuel_garage', 'mensuel_parking']);
                                        });
                                        $rentalIndex = 0;
                                    @endphp
                                    @foreach($rentalPrices as $price)
                                    <div class="rental-price-row mb-3 border rounded p-3 bg-light">
                                        <div class="row g-3">
                                            <div class="col-md-4">
                                                <label class="form-label">Type</label>
                                                <select name="rental_prices[{{ $rentalIndex }}][type]" class="form-select">
                                                    <option value="">— Sélectionner —</option>
                                                    @foreach(\App\Enums\PriceTypeLoyer::selectableCases() as $priceType)
                                                        <option value="{{ $priceType->value }}" {{ old('rental_prices.'.$rentalIndex.'.type', $price->type) == $priceType->value ? 'selected' : '' }}>
                                                            {{ $priceType->label() }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <input type="hidden" name="rental_prices[{{ $rentalIndex }}][id]" value="{{ $price->id }}">
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label">Montant (€)</label>
                                                <input type="number" step="0.01" name="rental_prices[{{ $rentalIndex }}][value]" class="form-control" value="{{ old('rental_prices.'.$rentalIndex.'.value', $price->value) }}" placeholder="0.00">
                                            </div>
                                            <div class="col-md-2">
                                                <!-- Espace réservé pour alignement -->
                                            </div>
                                            <div class="col-md-2 d-flex align-items-end">
                                                <button type="button" class="btn btn-danger w-100" onclick="removeRentalPrice(this)">
                                                    <i class="fas fa-trash"></i>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    @php $rentalIndex++; @endphp
                                    @endforeach
                                @endif
                            </div>

            <button type="button" class="btn btn-outline-primary btn-sm mb-3" onclick="addRentalPrice()">
                <i class="fas fa-plus me-1"></i>Ajouter un prix de loyer
            </button>

            <h6 class="text-primary mb-3 mt-4">
                <i class="fas fa-hand-holding-usd me-2"></i>Frais et prix supplémentaires
            </h6>

            <div id="frais-prices-container">
                @if(isset($lot) && $lot->prices && $lot->prices->count() > 0)
                    @php
                        $fraisPrices = $lot->prices->filter(function($price) {
                            return in_array($price->type, ['prix_cuisine', 'frais_notaire', 'frais_notaire_tva_5_5', 'frais_notaire_tva_10', 'frais_pret', 'frais_gerance', 'frais_mise_copro', 'montant_depot_garantie']);
                        });
                        $fraisIndex = 0;
                    @endphp
                    @foreach($fraisPrices as $price)
                    <div class="frais-price-row mb-3 border rounded p-3 bg-light">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Type</label>
                                <select name="frais_prices[{{ $fraisIndex }}][type]" class="form-select">
                                    <option value="">— Sélectionner —</option>
                                    @foreach(\App\Enums\PriceTypeFrais::selectableCases() as $priceType)
                                        <option value="{{ $priceType->value }}" {{ old('frais_prices.'.$fraisIndex.'.type', $price->type) == $priceType->value ? 'selected' : '' }}>
                                            {{ $priceType->label() }}
                                        </option>
                                    @endforeach
                                </select>
                                <input type="hidden" name="frais_prices[{{ $fraisIndex }}][id]" value="{{ $price->id }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Montant (€)</label>
                                <input type="number" step="0.01" name="frais_prices[{{ $fraisIndex }}][value]" class="form-control" value="{{ old('frais_prices.'.$fraisIndex.'.value', $price->value) }}" placeholder="0.00">
                            </div>
                            <div class="col-md-2">
                                <!-- Espace réservé pour alignement -->
                            </div>
                            <div class="col-md-2 d-flex align-items-end">
                                <button type="button" class="btn btn-danger w-100" onclick="removeFraisPrice(this)">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    @php $fraisIndex++; @endphp
                    @endforeach
                @endif
            </div>

            <button type="button" class="btn btn-outline-primary btn-sm mb-3" onclick="addFraisPrice()">
                <i class="fas fa-plus me-1"></i>Ajouter des frais
            </button>

            <h6 class="text-primary mb-3 mt-4">
                <i class="fas fa-file-invoice-dollar me-2"></i>Charges
            </h6>

            <div id="charge-prices-container">
                @if(isset($lot) && $lot->prices && $lot->prices->count() > 0)
                    @php
                        $chargePrices = $lot->prices->filter(function($price) {
                            return in_array($price->type, ['taxe_fonciere', 'charge_copropriete']);
                        });
                        $chargeIndex = 0;
                    @endphp
                    @foreach($chargePrices as $price)
                    <div class="charge-price-row mb-3 border rounded p-3 bg-light">
                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label">Type</label>
                                <select name="charge_prices[{{ $chargeIndex }}][type]" class="form-select">
                                    <option value="">— Sélectionner —</option>
                                    @foreach(\App\Enums\PriceTypeCharge::selectableCases() as $priceType)
                                        <option value="{{ $priceType->value }}" {{ old('charge_prices.'.$chargeIndex.'.type', $price->type) == $priceType->value ? 'selected' : '' }}>
                                            {{ $priceType->label() }}
                                        </option>
                                    @endforeach
                                </select>
                                <input type="hidden" name="charge_prices[{{ $chargeIndex }}][id]" value="{{ $price->id }}">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Montant (€)</label>
                                <input type="number" step="0.01" name="charge_prices[{{ $chargeIndex }}][value]" class="form-control" value="{{ old('charge_prices.'.$chargeIndex.'.value', $price->value) }}" placeholder="0.00">
                            </div>
                            <div class="col-md-2">
                                <!-- Espace réservé pour alignement -->
                            </div>
                            <div class="col-md-2 d-flex align-items-end">
                                <button type="button" class="btn btn-danger w-100" onclick="removeChargePrice(this)">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    @php $chargeIndex++; @endphp
                    @endforeach
                @endif
            </div>

            <button type="button" class="btn btn-outline-primary btn-sm mb-3" onclick="addChargePrice()">
                <i class="fas fa-plus me-1"></i>Ajouter des charges
            </button>

            <h6 class="text-primary mb-3 mt-4">
                <i class="fas fa-ruler-combined me-2"></i>Surfaces du lot
            </h6>

            <div id="surfaces-container">
                @if(isset($lot) && $lot->surfaces && $lot->surfaces->count() > 0)
                    @foreach($lot->surfaces as $surfaceIndex => $surface)
                    <div class="surface-row mb-3 border rounded p-3 bg-light">
                        <div class="row g-3">
                                            <div class="col-md-5">
                                                <label class="form-label">Type de surface</label>
                                                <select name="surfaces[{{ $surfaceIndex }}][type]" class="form-select">
                                                    @foreach(\App\Enums\SurfaceType::forLots() as $surfaceType)
                                                        <option value="{{ $surfaceType->value }}" {{ old('surfaces.'.$surfaceIndex.'.type', $surface->type->value) == $surfaceType->value ? 'selected' : '' }}>
                                                            {{ $surfaceType->label() }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <input type="hidden" name="surfaces[{{ $surfaceIndex }}][id]" value="{{ $surface->id }}">
                                            </div>
                            <div class="col-md-5">
                                <label class="form-label">Surface (m²)</label>
                                <input type="number" step="0.01" min="0" name="surfaces[{{ $surfaceIndex }}][value]" class="form-control" value="{{ old('surfaces.'.$surfaceIndex.'.value', $surface->value) }}" placeholder="0.00">
                            </div>
                            <div class="col-md-2 d-flex align-items-end">
                                <button type="button" class="btn btn-danger w-100" onclick="removeSurface(this)">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    @endforeach
                @endif
            </div>

            <button type="button" class="btn btn-outline-primary btn-sm mb-3" onclick="addSurface()">
                <i class="fas fa-plus me-1"></i>Ajouter une surface
            </button>

            <h6 class="text-primary mb-3 mt-4">
                                <i class="fas fa-plus-square me-2"></i>Annexes du lot
                            </h6>

                            <div id="annexes-container">
                                @if(isset($lot) && $lot->annexes->count() > 0)
                                    @foreach($lot->annexes as $annexeIndex => $existingAnnexe)
                                    <div class="annexe-item card border border-success mb-3" data-annexe-index="{{ $annexeIndex }}">
                                        <div class="card-header bg-light d-flex justify-content-between align-items-center">
                                            <div>
                                                <i class="{{ $existingAnnexe->type->icon() }} text-primary me-2"></i>
                                                <strong>{{ $existingAnnexe->type->label() }}</strong>
                                            </div>
                                            <button type="button" class="btn btn-danger btn-sm" onclick="removeAnnexeItem(this)">
                                                <i class="fas fa-trash"></i> Supprimer
                                            </button>
                                        </div>
                                        <div class="card-body p-3">
                                            <input type="hidden" name="annexes_items[{{ $annexeIndex }}][id]" value="{{ $existingAnnexe->id }}">
                                            <input type="hidden" name="annexes_items[{{ $annexeIndex }}][type]" value="{{ $existingAnnexe->type->value }}">

                                            <div class="mb-3">
                                                <label class="form-label fw-bold">Numéro (facultatif)</label>
                                                <input type="text"
                                                       name="annexes_items[{{ $annexeIndex }}][number]"
                                                       class="form-control"
                                                       value="{{ old('annexes_items.'.$annexeIndex.'.number', $existingAnnexe->number ?? '') }}"
                                                       placeholder="Ex: A01, P-12, etc.">
                                                <small class="text-muted">Numéro d'identification de l'annexe</small>
                                            </div>

                                            <div class="mb-3">
                                                <label class="form-label fw-bold">Surface de l'annexe (m²)</label>
                                                @php
                                                    $annexeSurface = $existingAnnexe->surfaces->first();
                                                @endphp
                                                <input type="number" step="0.01" min="0"
                                                       name="annexes_items[{{ $annexeIndex }}][surface]"
                                                       class="form-control"
                                                       value="{{ $annexeSurface ? $annexeSurface->value : '' }}"
                                                       placeholder="0.00">
                                                @if($annexeSurface)
                                                <input type="hidden" name="annexes_items[{{ $annexeIndex }}][surface_id]" value="{{ $annexeSurface->id }}">
                                                @endif
                                            </div>

                                            @if($existingAnnexe->type->priceable())
                                            <div class="mb-3">
                                                <label class="form-label fw-bold">Prix de l'annexe</label>
                                                <div class="annexe-prices-container" id="annexe-item-prices-{{ $annexeIndex }}">
                                                    @php
                                                        $salePrices = $existingAnnexe->prices->filter(function($price) {
                                                            return in_array($price->type, ['prix_ht', 'prix_ttc', 'prix_tva_5_5', 'prix_tva_10']);
                                                        })->values();
                                                        $salePriceIdx = 0;
                                                    @endphp
                                                    @foreach($salePrices as $price)
                                                    <div class="annexe-price-row mb-2 p-2 border rounded bg-light">
                                                        <div class="row g-2">
                                                            <div class="col-md-4">
                                                                <label class="form-label small">Type</label>
                                                                <select name="annexes_items[{{ $annexeIndex }}][prices][{{ $salePriceIdx }}][type]" class="form-select form-select-sm">
                                                                    @foreach($priceTypesAnnexe as $priceTypeAnnexe)
                                                                        <option value="{{ $priceTypeAnnexe->value }}"
                                                                            {{ $price->type == $priceTypeAnnexe->value ? 'selected' : '' }}>
                                                                            {{ $priceTypeAnnexe->label() }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                <input type="hidden" name="annexes_items[{{ $annexeIndex }}][prices][{{ $salePriceIdx }}][id]" value="{{ $price->id }}">
                                                            </div>
                                                            <div class="col-md-4">
                                                                <label class="form-label small">Montant (€)</label>
                                                                <input type="number" step="0.01"
                                                                       name="annexes_items[{{ $annexeIndex }}][prices][{{ $salePriceIdx }}][value]"
                                                                       class="form-control form-control-sm"
                                                                       value="{{ $price->value }}"
                                                                       placeholder="0.00">
                                                            </div>
                                                            <div class="col-md-2">
                                                                @php
                                                                    $readOnlyKey = 'annexes_items.'.$annexeIndex.'.prices.'.$salePriceIdx.'.read_only';
                                                                    $readOnlyValue = old($readOnlyKey, $price->read_only ? 1 : 0);
                                                                @endphp
                                                                <label class="form-label small">Inclus</label>
                                                                <div class="form-check form-switch">
                                                                    <input type="hidden" name="annexes_items[{{ $annexeIndex }}][prices][{{ $salePriceIdx }}][read_only]" value="0">
                                                                    <input class="form-check-input" type="checkbox" id="annexe-price-readonly-{{ $annexeIndex }}-{{ $salePriceIdx }}" name="annexes_items[{{ $annexeIndex }}][prices][{{ $salePriceIdx }}][read_only]" value="1" {{ $readOnlyValue == 1 ? 'checked' : '' }}>
                                                                    <label class="form-check-label small" for="annexe-price-readonly-{{ $annexeIndex }}-{{ $salePriceIdx }}">
                                                                        Oui
                                                                    </label>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-2 d-flex align-items-end">
                                                                <button type="button" class="btn btn-danger btn-sm w-100" onclick="removeAnnexeItemPrice(this)" title="Supprimer le prix">
                                                                    <i class="fas fa-trash"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @php $salePriceIdx++; @endphp
                                                    @endforeach
                                                </div>
                                                <button type="button" class="btn btn-outline-primary btn-sm" onclick="addAnnexeItemPrice({{ $annexeIndex }})">
                                                    <i class="fas fa-plus me-1"></i>Ajouter un prix
                                                </button>
                                            </div>
                                            @endif

                                            @if($existingAnnexe->type->rentable())
                                            <div>
                                                <label class="form-label fw-bold">Prix de loyer de l'annexe</label>
                                                <div class="annexe-rental-prices-container" id="annexe-item-rental-prices-{{ $annexeIndex }}">
                                                    @php
                                                        $rentalPrices = $existingAnnexe->prices->filter(function($price) {
                                                            return in_array($price->type, ['mensuel_garage', 'mensuel_parking', 'mensuel_ttc', 'mensuel_ht', 'mensuel_denormandie_ttc', 'mensuel_denormandie_ht']);
                                                        })->values();
                                                        $rentalIndex = 0;
                                                    @endphp
                                                    @foreach($rentalPrices as $price)
                                                    <div class="annexe-rental-price-row mb-2 p-2 border rounded bg-light">
                                                        <div class="row g-2">
                                                            <div class="col-md-4">
                                                                <label class="form-label small">Type</label>
                                                                <select name="annexes_items[{{ $annexeIndex }}][rental_prices][{{ $rentalIndex }}][type]" class="form-select form-select-sm">
                                                                    @foreach(\App\Enums\PriceTypeLoyer::selectableCases() as $priceTypeLoyer)
                                                                        <option value="{{ $priceTypeLoyer->value }}"
                                                                            {{ $price->type == $priceTypeLoyer->value ? 'selected' : '' }}>
                                                                            {{ $priceTypeLoyer->label() }}
                                                                        </option>
                                                                    @endforeach
                                                                </select>
                                                                <input type="hidden" name="annexes_items[{{ $annexeIndex }}][rental_prices][{{ $rentalIndex }}][id]" value="{{ $price->id }}">
                                                            </div>
                                                            <div class="col-md-6">
                                                                <label class="form-label small">Montant (€)</label>
                                                                <input type="number" step="0.01"
                                                                       name="annexes_items[{{ $annexeIndex }}][rental_prices][{{ $rentalIndex }}][value]"
                                                                       class="form-control form-control-sm"
                                                                       value="{{ $price->value }}"
                                                                       placeholder="0.00">
                                                            </div>
                                                            <div class="col-md-2 d-flex align-items-end">
                                                                <button type="button" class="btn btn-danger btn-sm w-100" onclick="removeAnnexeItemRentalPrice(this)">
                                                                    <i class="fas fa-trash"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    @php $rentalIndex++; @endphp
                                                    @endforeach
                                                </div>
                                                <button type="button" class="btn btn-outline-primary btn-sm" onclick="addAnnexeItemRentalPrice({{ $annexeIndex }})">
                                                    <i class="fas fa-plus me-1"></i>Ajouter un prix de loyer
                                                </button>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                    @endforeach
                                @endif
                            </div>

                            <div class="mb-3">
                                <label class="form-label fw-bold">Ajouter une annexe</label>
                                <div class="d-flex gap-2 flex-wrap">
                                    @foreach(\App\Enums\ProductType::annexeTypes() as $annexeType)
                                    <button type="button" class="btn btn-outline-success" onclick="addAnnexeItem('{{ $annexeType->value }}', '{{ $annexeType->label() }}', '{{ $annexeType->icon() }}', {{ $annexeType->priceable() ? 'true' : 'false' }}, {{ $annexeType->rentable() ? 'true' : 'false' }})">
                                        <i class="{{ $annexeType->icon() }} me-1"></i>{{ $annexeType->label() }}
                                    </button>
                                    @endforeach
                                </div>
                            </div>

                            <!-- Documents PDF Section -->
                            <hr class="my-4">
                            <h5 class="mb-3">
                                <i class="fas fa-file-pdf me-2"></i>Documents PDF
                            </h5>

                            @if(isset($lot) && $lot->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="$lot->documents"
                                    containerId="sortable-documents-lot-edit"
                                    :showDownload="false"
                                    :canDelete="true"
                                    :canEditType="true"
                                    :documentTypeEnum="\App\Enums\DocumentTypeLot::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\DocumentTypeLot::selectableCases() as $docType)
                                                    <option value="{{ $docType->value }}">{{ $docType->label() }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <button type="button" class="btn btn-sm btn-outline-primary" onclick="addDocumentUpload()">
                                    <i class="fas fa-plus me-1"></i>Ajouter un autre champ
                                </button>
                            </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-10">
                                        <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.lots', ['application' => $application, 'program' => $program]) }}" class="btn btn-outline-secondary">Annuler</a>
                                <button type="submit" class="btn btn-primary">{{ isset($lot) ? 'Mettre à jour' : 'Créer' }}</button>
                            </div>
                        </form>

                        @if(isset($lot))
                        <div class="mt-4 text-center">
                            <form method="POST" action="{{ route('partner.lot.destroy', ['application' => $application, 'program' => $program, 'lot' => $lot]) }}" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce lot ? 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 lot
                                </button>
                            </form>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('modals.lot-assistant')

    <script>
    // Gender selector function
    function selectGender(gender) {
        // Update hidden input
        document.getElementById('gender-input').value = gender;

        // Update button states and check icons
        document.querySelectorAll('.btn-gender-selector').forEach(btn => {
            const checkIcon = btn.querySelector('.gender-check-icon');
            if (btn.dataset.gender === gender) {
                btn.classList.add('active');
                if (checkIcon) checkIcon.classList.remove('d-none');
            } else {
                btn.classList.remove('active');
                if (checkIcon) checkIcon.classList.add('d-none');
            }
        });
    }

    let surfaceIndex = {{ isset($lot) && $lot->surfaces ? $lot->surfaces->count() : 0 }};
    let priceIndex = {{ isset($lot) && $lot->prices ? $lot->prices->filter(function($p) { return in_array($p->type, ['prix_ht', 'prix_ttc', 'prix_tva_5_5', 'prix_tva_10']); })->count() : 0 }};
    let travauxPriceIndex = {{ isset($lot) && $lot->prices ? $lot->prices->filter(function($p) { return in_array($p->type, ['prix_travaux_eligible', 'prix_travaux_non_eligible']); })->count() : 0 }};
    let rentalPriceIndex = {{ isset($lot) && $lot->prices ? $lot->prices->filter(function($p) { return in_array($p->type, ['mensuel_ttc', 'mensuel_ht', 'mensuel_denormandie_ttc', 'mensuel_denormandie_ht', 'mensuel_garage', 'mensuel_parking']); })->count() : 0 }};
    let fraisPriceIndex = {{ isset($lot) && $lot->prices ? $lot->prices->filter(function($p) { return in_array($p->type, ['prix_cuisine', 'frais_notaire', 'frais_notaire_tva_5_5', 'frais_notaire_tva_10', 'frais_pret', 'frais_gerance', 'frais_mise_copro']); })->count() : 0 }};
    let chargePriceIndex = {{ isset($lot) && $lot->prices ? $lot->prices->filter(function($p) { return in_array($p->type, ['taxe_fonciere', 'charge_copropriete']); })->count() : 0 }};
    let annexeItemIndex = {{ isset($lot) && $lot->annexes ? $lot->annexes->count() : 0 }};
    const annexeItemPriceIndexes = {};
    const annexeItemRentalPriceIndexes = {};

    function addSurface() {
        const container = document.getElementById('surfaces-container');
        const surfaceRow = document.createElement('div');
        surfaceRow.className = 'surface-row mb-3 border rounded p-3 bg-light';
        surfaceRow.innerHTML = `
            <div class="row g-3">
                <div class="col-md-5">
                    <label class="form-label">Type de surface</label>
                    <select name="surfaces[${surfaceIndex}][type]" class="form-select">
                        @foreach(\App\Enums\SurfaceType::forLots() as $surfaceType)
                        <option value="{{ $surfaceType->value }}">{{ $surfaceType->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-5">
                    <label class="form-label">Surface (m²)</label>
                    <input type="number" step="0.01" min="0" name="surfaces[${surfaceIndex}][value]" class="form-control" placeholder="0.00">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removeSurface(this)">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(surfaceRow);
        surfaceIndex++;
    }

    function removeSurface(button) {
        const surfaceRow = button.closest('.surface-row');
        surfaceRow.remove();
    }

    function addPrice() {
        const container = document.getElementById('prices-container');
        const priceRow = document.createElement('div');
        priceRow.className = 'price-row mb-3 border rounded p-3 bg-light';
        priceRow.innerHTML = `
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Type</label>
                    <select name="prices[${priceIndex}][type]" class="form-select">
                        <option value="">— Sélectionner —</option>
                        @foreach(\App\Enums\PriceType::selectableCases() as $priceType)
                        <option value="{{ $priceType->value }}">{{ $priceType->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Montant (€)</label>
                    <input type="number" step="0.01" name="prices[${priceIndex}][value]" class="form-control" placeholder="0.00">
                </div>
                <div class="col-md-2">
                    <!-- Espace réservé pour alignement -->
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removePrice(this)">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(priceRow);
        priceIndex++;
    }

    function addRentalPrice() {
        const container = document.getElementById('rental-prices-container');
        const priceRow = document.createElement('div');
        priceRow.className = 'rental-price-row mb-3 border rounded p-3 bg-light';
        priceRow.innerHTML = `
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Type</label>
                    <select name="rental_prices[${rentalPriceIndex}][type]" class="form-select">
                        <option value="">— Sélectionner —</option>
                        @foreach(\App\Enums\PriceTypeLoyer::selectableCases() as $priceType)
                        <option value="{{ $priceType->value }}">{{ $priceType->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Montant (€)</label>
                    <input type="number" step="0.01" name="rental_prices[${rentalPriceIndex}][value]" class="form-control" placeholder="0.00">
                </div>
                <div class="col-md-2">
                    <!-- Espace réservé pour alignement -->
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removeRentalPrice(this)">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(priceRow);
        rentalPriceIndex++;
    }

    function addFraisPrice() {
        const container = document.getElementById('frais-prices-container');
        const priceRow = document.createElement('div');
        priceRow.className = 'frais-price-row mb-3 border rounded p-3 bg-light';
        priceRow.innerHTML = `
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Type</label>
                    <select name="frais_prices[${fraisPriceIndex}][type]" class="form-select">
                        <option value="">— Sélectionner —</option>
                        @foreach(\App\Enums\PriceTypeFrais::selectableCases() as $priceType)
                        <option value="{{ $priceType->value }}">{{ $priceType->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Montant (€)</label>
                    <input type="number" step="0.01" name="frais_prices[${fraisPriceIndex}][value]" class="form-control" placeholder="0.00">
                </div>
                <div class="col-md-2">
                    <!-- Espace réservé pour alignement -->
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removeFraisPrice(this)">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(priceRow);
        fraisPriceIndex++;
    }

    function removePrice(button) {
        const priceRow = button.closest('.price-row');
        priceRow.remove();
    }

    function addTravauxPrice() {
        const container = document.getElementById('travaux-prices-container');
        const readOnlyId = `travaux-price-readonly-${travauxPriceIndex}`;
        const priceRow = document.createElement('div');
        priceRow.className = 'travaux-price-row mb-3 border rounded p-3 bg-light';
        priceRow.innerHTML = `
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Type</label>
                    <select name="travaux_prices[${travauxPriceIndex}][type]" class="form-select">
                        <option value="">— Sélectionner —</option>
                        @foreach(\App\Enums\PriceTypeTravaux::selectableCases() as $priceType)
                        <option value="{{ $priceType->value }}">{{ $priceType->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Montant (€)</label>
                    <input type="number" step="0.01" name="travaux_prices[${travauxPriceIndex}][value]" class="form-control" placeholder="0.00">
                </div>
                <div class="col-md-2">
                    <label class="form-label">Inclus dans le prix</label>
                    <div class="form-check form-switch">
                        <input type="hidden" name="travaux_prices[${travauxPriceIndex}][read_only]" value="0">
                        <input class="form-check-input" type="checkbox" id="${readOnlyId}" name="travaux_prices[${travauxPriceIndex}][read_only]" value="1">
                        <label class="form-check-label small" for="${readOnlyId}">
                            Oui
                        </label>
                    </div>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removeTravauxPrice(this)" title="Supprimer le prix">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(priceRow);
        travauxPriceIndex++;
    }

    function removeRentalPrice(button) {
        const priceRow = button.closest('.rental-price-row');
        priceRow.remove();
    }

    function removeTravauxPrice(button) {
        const priceRow = button.closest('.travaux-price-row');
        priceRow.remove();
    }

    @php
        $immoPriceCount = isset($lot) && $lot->prices ? $lot->prices->filter(function($price) { return in_array($price->type, ['prix_immo_ttc', 'prix_immo_ht']); })->count() : 0;
    @endphp
    let immoPriceIndex = {{ $immoPriceCount }};

    function addImmoPrice() {
        const container = document.getElementById('immo-prices-container');
        const priceRow = document.createElement('div');
        priceRow.className = 'immo-price-row mb-3 border rounded p-3 bg-light';
        priceRow.innerHTML = `
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Type</label>
                    <select name="immo_prices[${immoPriceIndex}][type]" class="form-select">
                        <option value="">— Sélectionner —</option>
                        <option value="prix_immo_ttc">Prix Immo TTC</option>
                        <option value="prix_immo_ht">Prix Immo HT</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Montant (€)</label>
                    <input type="number" step="0.01" name="immo_prices[${immoPriceIndex}][value]" class="form-control" value="" placeholder="0.00">
                </div>
                <div class="col-md-2">
                    <!-- Espace réservé pour alignement -->
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removeImmoPrice(this)" title="Supprimer le prix">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(priceRow);
        immoPriceIndex++;
    }

    function removeImmoPrice(button) {
        const priceRow = button.closest('.immo-price-row');
        priceRow.remove();
    }

    function removeFraisPrice(button) {
        const priceRow = button.closest('.frais-price-row');
        priceRow.remove();
    }

    function addChargePrice() {
        const container = document.getElementById('charge-prices-container');
        const priceRow = document.createElement('div');
        priceRow.className = 'charge-price-row mb-3 border rounded p-3 bg-light';
        priceRow.innerHTML = `
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Type</label>
                    <select name="charge_prices[${chargePriceIndex}][type]" class="form-select">
                        <option value="">— Sélectionner —</option>
                        @foreach(\App\Enums\PriceTypeCharge::selectableCases() as $priceType)
                        <option value="{{ $priceType->value }}">{{ $priceType->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Montant (€)</label>
                    <input type="number" step="0.01" name="charge_prices[${chargePriceIndex}][value]" class="form-control" placeholder="0.00">
                </div>
                <div class="col-md-2">
                    <!-- Espace réservé pour alignement -->
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removeChargePrice(this)">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(priceRow);
        chargePriceIndex++;
    }

    function removeChargePrice(button) {
        const priceRow = button.closest('.charge-price-row');
        priceRow.remove();
    }

    function addAnnexeItem(type, label, icon, isPriceable, isRentable) {
        const container = document.getElementById('annexes-container');
        const index = annexeItemIndex;

        annexeItemPriceIndexes[index] = 0;
        annexeItemRentalPriceIndexes[index] = 0;

        const annexeItem = document.createElement('div');
        annexeItem.className = 'annexe-item card border border-success mb-3';
        annexeItem.setAttribute('data-annexe-index', index);

        let pricesSection = '';
        if (isPriceable) {
            pricesSection = `
                <div class="mb-3">
                    <label class="form-label fw-bold">Prix de l'annexe</label>
                    <div class="annexe-prices-container" id="annexe-item-prices-${index}">
                    </div>
                    <button type="button" class="btn btn-outline-primary btn-sm" onclick="addAnnexeItemPrice(${index})">
                        <i class="fas fa-plus me-1"></i>Ajouter un prix
                    </button>
                </div>
            `;
        }

        let rentalPricesSection = '';
        if (isRentable) {
            rentalPricesSection = `
                <div>
                    <label class="form-label fw-bold">Prix de loyer de l'annexe</label>
                    <div class="annexe-rental-prices-container" id="annexe-item-rental-prices-${index}">
                    </div>
                    <button type="button" class="btn btn-outline-primary btn-sm" onclick="addAnnexeItemRentalPrice(${index})">
                        <i class="fas fa-plus me-1"></i>Ajouter un prix de loyer
                    </button>
                </div>
            `;
        }

        annexeItem.innerHTML = `
            <div class="card-header bg-light d-flex justify-content-between align-items-center">
                <div>
                    <i class="${icon} text-primary me-2"></i>
                    <strong>${label}</strong>
                </div>
                <button type="button" class="btn btn-danger btn-sm" onclick="removeAnnexeItem(this)">
                    <i class="fas fa-trash"></i> Supprimer
                </button>
            </div>
            <div class="card-body p-3">
                <input type="hidden" name="annexes_items[${index}][type]" value="${type}">

                <div class="mb-3">
                    <label class="form-label fw-bold">Numéro (facultatif)</label>
                    <input type="text"
                           name="annexes_items[${index}][number]"
                           class="form-control"
                           placeholder="Ex: A01, P-12, etc.">
                    <small class="text-muted">Numéro d'identification de l'annexe</small>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-bold">Surface de l'annexe (m²)</label>
                    <input type="number" step="0.01" min="0"
                           name="annexes_items[${index}][surface]"
                           class="form-control"
                           placeholder="0.00">
                </div>

                ${pricesSection}
                ${rentalPricesSection}
            </div>
        `;

        container.appendChild(annexeItem);
        annexeItemIndex++;
    }

    function removeAnnexeItem(button) {
        const annexeItem = button.closest('.annexe-item');
        annexeItem.remove();
    }

    function addAnnexeItemPrice(annexeIndex) {
        const container = document.getElementById('annexe-item-prices-' + annexeIndex);
        if (!annexeItemPriceIndexes[annexeIndex]) {
            annexeItemPriceIndexes[annexeIndex] = 0;
        }
        const priceIndex = annexeItemPriceIndexes[annexeIndex];
        const readOnlyId = `annexe-price-readonly-${annexeIndex}-${priceIndex}`;

        const priceRow = document.createElement('div');
        priceRow.className = 'annexe-price-row mb-2 p-2 border rounded bg-light';
        priceRow.innerHTML = `
            <div class="row g-2">
                <div class="col-md-4">
                    <label class="form-label small">Type</label>
                    <select name="annexes_items[${annexeIndex}][prices][${priceIndex}][type]" class="form-select form-select-sm">
                        @foreach($priceTypesAnnexe as $priceTypeAnnexe)
                        <option value="{{ $priceTypeAnnexe->value }}">{{ $priceTypeAnnexe->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label small">Montant (€)</label>
                    <input type="number" step="0.01"
                           name="annexes_items[${annexeIndex}][prices][${priceIndex}][value]"
                           class="form-control form-control-sm"
                           placeholder="0.00">
                </div>
                <div class="col-md-2">
                    <label class="form-label small">Inclus</label>
                    <div class="form-check form-switch">
                        <input type="hidden" name="annexes_items[${annexeIndex}][prices][${priceIndex}][read_only]" value="0">
                        <input class="form-check-input" type="checkbox" id="${readOnlyId}" name="annexes_items[${annexeIndex}][prices][${priceIndex}][read_only]" value="1">
                        <label class="form-check-label small" for="${readOnlyId}">
                            Oui
                        </label>
                    </div>
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger btn-sm w-100" onclick="removeAnnexeItemPrice(this)" title="Supprimer le prix">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;

        container.appendChild(priceRow);
        annexeItemPriceIndexes[annexeIndex]++;
    }

    function removeAnnexeItemPrice(button) {
        const priceRow = button.closest('.annexe-price-row');
        priceRow.remove();
    }

    function addAnnexeItemRentalPrice(annexeIndex) {
        const container = document.getElementById('annexe-item-rental-prices-' + annexeIndex);
        if (!annexeItemRentalPriceIndexes[annexeIndex]) {
            annexeItemRentalPriceIndexes[annexeIndex] = 0;
        }
        const priceIndex = annexeItemRentalPriceIndexes[annexeIndex];

        const priceRow = document.createElement('div');
        priceRow.className = 'annexe-rental-price-row mb-2 p-2 border rounded bg-light';
        priceRow.innerHTML = `
            <div class="row g-2">
                <div class="col-md-4">
                    <label class="form-label small">Type</label>
                    <select name="annexes_items[${annexeIndex}][rental_prices][${priceIndex}][type]" class="form-select form-select-sm">
                        @foreach(\App\Enums\PriceTypeLoyer::selectableCases() as $priceTypeLoyer)
                        <option value="{{ $priceTypeLoyer->value }}">{{ $priceTypeLoyer->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label small">Montant (€)</label>
                    <input type="number" step="0.01"
                           name="annexes_items[${annexeIndex}][rental_prices][${priceIndex}][value]"
                           class="form-control form-control-sm"
                           placeholder="0.00">
                </div>
                <div class="col-md-2 d-flex align-items-end">
                    <button type="button" class="btn btn-danger btn-sm w-100" onclick="removeAnnexeItemRentalPrice(this)">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;

        container.appendChild(priceRow);
        annexeItemRentalPriceIndexes[annexeIndex]++;
    }

    function removeAnnexeItemRentalPrice(button) {
        const priceRow = button.closest('.annexe-rental-price-row');
        priceRow.remove();
    }

    function addDocumentUpload() {
        const container = document.getElementById('document-upload-container');
        const documentRow = document.createElement('div');
        documentRow.className = 'document-upload-item mb-3';
        documentRow.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-3">
                    <select name="document_types[]" class="form-select">
                        @foreach(\App\Enums\DocumentTypeLot::cases() as $docType)
                        <option value="{{ $docType->value }}">{{ $docType->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-1 d-flex align-items-end">
                    <button type="button" class="btn btn-danger w-100" onclick="removeDocumentUpload(this)">
                        <i class="fas fa-trash"></i>
                    </button>
                </div>
            </div>
        `;
        container.appendChild(documentRow);
    }

    function removeDocumentUpload(button) {
        const documentRow = button.closest('.document-upload-item');
        documentRow.remove();
    }

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

        // Initialiser les index de prix pour chaque annexe existante
        @foreach($lot->annexes as $annexeIndex => $existingAnnexe)
            @php
                $salePricesCount = $existingAnnexe->prices->filter(function($price) {
                    return in_array($price->type, ['prix_ht', 'prix_ttc', 'prix_tva_5_5', 'prix_tva_10']);
                })->values()->count();
                $rentalPricesCount = $existingAnnexe->prices->filter(function($price) {
                    return in_array($price->type, ['mensuel_garage', 'mensuel_parking', 'mensuel_ttc', 'mensuel_ht', 'mensuel_denormandie_ttc', 'mensuel_denormandie_ht']);
                })->values()->count();
            @endphp
            annexeItemPriceIndexes[{{ $annexeIndex }}] = {{ $salePricesCount }};
            annexeItemRentalPriceIndexes[{{ $annexeIndex }}] = {{ $rentalPricesCount }};
        @endforeach
        @endif
    });
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const assistantPanel = document.getElementById('lot-assistant');
            if (!assistantPanel) {
                return;
            }

            const togglePanel = () => {
                const wasOpen = !assistantPanel.classList.contains('collapsed');
                assistantPanel.classList.toggle('collapsed');

                const prixTTCAssistant = document.getElementById('prix_ttc_assistant');
                const assistantPriceInput = document.getElementById('assistant-price-ttc-input');
                const assistantCalcFraisInput = document.getElementById('assistant-calc-frais-notaire-input');
                const assistantCalcTVA55Input = document.getElementById('assistant-calc-tva-5-5-input');
                const assistantCalcTVA10Input = document.getElementById('assistant-calc-tva-10-input');
                const prixTTCForm = document.querySelector('input[name="prices[0][value]"]');

                if (wasOpen) {
                    // Si on ferme la modal, réinitialiser les champs
                    if (prixTTCAssistant) prixTTCAssistant.value = '';
                    if (assistantPriceInput) assistantPriceInput.value = '';
                    if (assistantCalcFraisInput) assistantCalcFraisInput.value = '';
                    if (assistantCalcTVA55Input) assistantCalcTVA55Input.value = '';
                    if (assistantCalcTVA10Input) assistantCalcTVA10Input.value = '';
                } else {
                    // Si on ouvre la modal, synchroniser avec le prix TTC du formulaire
                    if (prixTTCAssistant && prixTTCForm && prixTTCForm.value) {
                        prixTTCAssistant.value = prixTTCForm.value;
                    }
                }
            };

            assistantPanel.querySelectorAll('[data-assistant-toggle]').forEach((button) => {
                button.addEventListener('click', togglePanel);
            });

            // Synchroniser le prix TTC assistant avec le formulaire si déjà renseigné
            const prixTTCForm = document.querySelector('input[name="prices[0][value]"]');
            const prixTTCAssistant = document.getElementById('prix_ttc_assistant');
            if (prixTTCForm && prixTTCAssistant && prixTTCForm.value) {
                prixTTCAssistant.value = prixTTCForm.value;
            }
        });

        function calculateAndFillPrices() {
            const prixTTCAssistant = document.getElementById('prix_ttc_assistant');
            const assistantPriceInput = document.getElementById('assistant-price-ttc-input');
            const assistantCalcFraisInput = document.getElementById('assistant-calc-frais-notaire-input');
            const assistantCalcTVA55Input = document.getElementById('assistant-calc-tva-5-5-input');
            const assistantCalcTVA10Input = document.getElementById('assistant-calc-tva-10-input');
            const calcFraisNotaire = document.getElementById('calc_frais_notaire');
            const calcTVA55 = document.getElementById('calc_tva_5_5');
            const calcTVA10 = document.getElementById('calc_tva_10');
            const submitButton = document.querySelector('#lot-form button[type="submit"]');

            if (!prixTTCAssistant || !prixTTCAssistant.value) {
                alert('Veuillez saisir un prix TTC valide.');
                return;
            }

            // Remplir l'input hidden avec la valeur du prix TTC
            if (assistantPriceInput) {
                assistantPriceInput.value = prixTTCAssistant.value;
            }

            // Remplir les options de calcul
            if (assistantCalcFraisInput) {
                assistantCalcFraisInput.value = calcFraisNotaire && calcFraisNotaire.checked ? '1' : '0';
            }
            if (assistantCalcTVA55Input) {
                assistantCalcTVA55Input.value = calcTVA55 && calcTVA55.checked ? '1' : '0';
            }
            if (assistantCalcTVA10Input) {
                assistantCalcTVA10Input.value = calcTVA10 && calcTVA10.checked ? '1' : '0';
            }

            // Soumettre le formulaire
            if (submitButton) {
                submitButton.click();
            }
        }
    </script>

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