@extends('layouts.base')

@section('content')
@section('breadcrumb')
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
            <li class="breadcrumb-item"><a href="{{ route('partner.home') }}">Accueil</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.programs') }}">Programmes</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.program.show', ['program' => $program->token]) }}">{{ $program->name }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('partner.lots', ['program' => $program->token]) }}">Lots</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ isset($lot) ? 'Modifier' : 'Créer' }}</li>
        </ol>
    </nav>
@endsection

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('success') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif
@if(session('error'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('error') }}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif
@if ($errors->any())
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
@endif

<div class="container-fluid pt-0">
    <div class="container">
        <div class="row mb-4">
            <div class="col-12">
                <div class="justify-content-between align-items-center">
                    <div class="row">
                        <div class="col-md-1">
                            <div class="big-icon-badge d-flex align-items-center justify-content-center mx-auto">
                                <span class="{{ isset($lot) ? 'icon-house' : 'icon-building-2' }} icon icon-54 text-primary"></span>
                            </div>
                        </div>
                        <div class="col-md-7">
                            <h1 class="h3 mb-2 text-primary">
                                @if(isset($lot))
                                    Modifier le lot {{ $lot->number }}
                                @else
                                    Ajouter un lot
                                @endif
                            </h1>
                            <p class="text-muted mb-2">Renseignez les informations du lot</p>
                            <div class="d-flex align-items-center flex-wrap gap-2">
                                @if(isset($lot))
                                    <span class="text-grey text-16">{{ $lot->slug }}</span>
                                    @if($lot->type)
                                        <span class="separator-vertical"></span>
                                        <span class="text-grey text-16">{{ $lot->type->label() }}</span>
                                    @endif
                                    <span class="separator-vertical"></span>
                                    <a href="{{ route('partner.lot.show', ['program' => $program->token, 'lot' => $lot->token]) }}" class="text-grey text-16 text-decoration-none">Fiche lot</a>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-4 text-md-end d-flex justify-content-md-end align-items-center flex-wrap gap-2">
                            <a href="{{ route('partner.lots', ['program' => $program->token]) }}" class="btn btn-outline-secondary me-2">
                                Annuler
                            </a>
                            <button type="submit" form="lot-form" id="lot-form-submit" class="btn btn-success text-white">
                                {{ isset($lot) ? 'Enregistrer ce lot' : 'Ajouter ce lot' }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid container-fluid-bordered">
    <div class="container">
        <div class="card mb-4">
            <div class="card-body">
                <form method="POST" action="{{ isset($lot) ? route('partner.lot.update', ['program' => $program->token, 'lot' => $lot->token]) : route('partner.lot.store', ['program' => $program->token]) }}" enctype="multipart/form-data" id="lot-form">
                    @csrf
                    @if(isset($lot))
                        @method('PUT')
                    @endif
                    <!-- 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="">

                    @php
                        $genderFieldIdPrefix = 'gender_lot_' . ($lot?->id ?? 'create');
                        $selectedGender = old('gender', $lot?->gender?->value ?? 'appartement');
                    @endphp
                    <div class="mb-4">
                        <label class="form-label fw-bold">Type de bien</label>
                        <div class="d-flex overflow-x-auto pb-1">
                            <div class="btn-group contrat-type-checkboxes" role="group" aria-label="Type de bien">
                                @foreach(\App\Enums\ProductType::genderTypes() as $genderType)
                                    <input type="radio"
                                           class="btn-check"
                                           name="gender"
                                           value="{{ $genderType->value }}"
                                           id="{{ $genderFieldIdPrefix }}_{{ $genderType->value }}"
                                           autocomplete="off"
                                           {{ $selectedGender === $genderType->value ? 'checked' : '' }}>
                                    <label class="btn btn-outline-dark fw-bold text-14" for="{{ $genderFieldIdPrefix }}_{{ $genderType->value }}">
                                        <i class="{{ $genderType->icon() }} me-1"></i>{{ $genderType->label() }}
                                    </label>
                                @endforeach
                            </div>
                        </div>
                    </div>

            <div class="row g-3 mb-3 align-items-end">
                <div class="col-12 col-md-6 col-xl-3">
                    <label class="form-label fw-bold">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-12 col-md-6 col-xl-3">
                    <label class="form-label fw-bold">Typologie du lot</label>
                    <select name="type" class="form-select">
                        <option value="">Sélectionnez</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>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <label class="form-label fw-bold">Niveau / Étage</label>
                    <select name="floor" class="form-select">
                        <option value="">Sélectionnez</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>
                </div>
                <div class="col-12 col-md-6 col-xl-3">
                    <div class="d-flex justify-content-between align-items-baseline gap-2 mb-2">
                        <label class="form-label fw-bold mb-0" for="lot-tantieme">Tantième</label>
                        <span class="text-grey text-13">Facultatif</span>
                    </div>
                    <input type="text" name="tantieme" id="lot-tantieme" class="form-control" value="{{ old('tantieme', $lot?->tantieme ?? '') }}" placeholder="Ex: 150/10000">
                </div>
            </div>

            @php
                $defaultLotStateValue = \App\Enums\ProductState::LIBRE->value;
                $selectableLotStateValues = array_map(
                    fn (\App\Enums\ProductState $s) => $s->value,
                    \App\Enums\ProductState::selectableCases(),
                );
                $resolvedLotStateValue = $defaultLotStateValue;
                if (isset($lot)) {
                    $latestLotState = $lot->states->sortByDesc('created_at')->first();
                    if ($latestLotState && $latestLotState->type) {
                        $persistedStateValue = $latestLotState->type instanceof \BackedEnum
                            ? $latestLotState->type->value
                            : (string) $latestLotState->type;
                        if (in_array($persistedStateValue, $selectableLotStateValues, true)) {
                            $resolvedLotStateValue = $persistedStateValue;
                        }
                    }
                }
            @endphp
            <div class="row g-3 mb-3">
                <div class="col-12">
                    <label class="form-label fw-bold" for="lot-state">État du lot</label>
                    <select name="state" id="lot-state" class="form-select" required>
                        @foreach(\App\Enums\ProductState::selectableCases() as $stateCase)
                            <option value="{{ $stateCase->value }}" {{ old('state', $resolvedLotStateValue) === $stateCase->value ? 'selected' : '' }}>
                                {{ $stateCase->label() }} — {{ $stateCase->description() }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            @if(isset($lot) && auth()->user() && auth()->user()->isRole('ROLE_SUPPORT'))
                <div class="row g-3 mb-3">
                    <div class="col-12">
                        <label class="form-label fw-bold" for="lot-slug-support">Slug URL</label>
                        <input type="text"
                               name="slug"
                               id="lot-slug-support"
                               class="form-control"
                               value="{{ old('slug', $lot->slug) }}"
                               maxlength="255"
                               autocomplete="off">
                        <small class="text-muted">Laisser vide pour recalculer à partir du numéro de lot. Valeur rendue unique dans le programme si besoin.</small>
                    </div>
                </div>
            @endif

            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Surfaces</span></h6>

            @php
                $lotMainSurfaceTypeCases = [
                    \App\Enums\SurfaceType::HABITABLE,
                    \App\Enums\SurfaceType::CARREZ,
                    \App\Enums\SurfaceType::TOTALE,
                    \App\Enums\SurfaceType::SURFACE_180,
                ];
                $lotMainSurfaceLabels = [
                    \App\Enums\SurfaceType::HABITABLE->value => 'Habitable (m²)',
                    \App\Enums\SurfaceType::CARREZ->value => 'Carrez (m²)',
                    \App\Enums\SurfaceType::TOTALE->value => 'Totale (m²)',
                    \App\Enums\SurfaceType::SURFACE_180->value => 'Sous 1m80 (m²)',
                ];
                $lotSurfacesExceptMain = isset($lot) && $lot->surfaces
                    ? $lot->surfaces->filter(fn ($s) => ! in_array($s->type, $lotMainSurfaceTypeCases, true))->values()
                    : collect();
            @endphp

            <div class="row g-3 mb-3 align-items-end">
                @foreach($lotMainSurfaceTypeCases as $mainSurfaceIdx => $mainSurfaceType)
                    @php
                        $mainSurfaceRow = isset($lot) ? $lot->surfaces->first(fn ($s) => $s->type === $mainSurfaceType) : null;
                    @endphp
                    <div class="col-12 col-md-6 col-xl-3">
                        <label class="form-label fw-bold" for="lot-surface-{{ $mainSurfaceType->value }}">{{ $lotMainSurfaceLabels[$mainSurfaceType->value] }}</label>
                        <input type="hidden" name="surfaces[{{ $mainSurfaceIdx }}][type]" value="{{ $mainSurfaceType->value }}">
                        @if($mainSurfaceRow)
                            <input type="hidden" name="surfaces[{{ $mainSurfaceIdx }}][id]" value="{{ $mainSurfaceRow->id }}">
                        @endif
                        <input type="number"
                                step="0.01"
                                min="0"
                                name="surfaces[{{ $mainSurfaceIdx }}][value]"
                                id="lot-surface-{{ $mainSurfaceType->value }}"
                                class="form-control"
                                value="{{ old('surfaces.'.$mainSurfaceIdx.'.value', $mainSurfaceRow?->value) }}"
                                placeholder="0.00">
                    </div>
                @endforeach
            </div>

            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Orientations</span></h6>

            <div class="mb-4">
                @php
                    $existingOrientations = isset($lot) ? $lot->orientations->pluck('type')->map(fn($o) => $o->value)->toArray() : [];
                    $orientationFieldIdPrefix = 'orientation_lot_' . ($lot?->id ?? 'create');
                @endphp
                <div class="d-flex overflow-x-auto pb-1">
                    <div class="btn-group contrat-type-checkboxes" role="group" aria-label="Orientations du lot">
                        @foreach(\App\Enums\Orientation::selectableCases() as $orientation)
                            <input type="checkbox"
                                    class="btn-check"
                                    name="orientations[]"
                                    value="{{ $orientation->value }}"
                                    id="{{ $orientationFieldIdPrefix }}_{{ $orientation->value }}"
                                    autocomplete="off"
                                    {{ in_array($orientation->value, old('orientations', $existingOrientations)) ? 'checked' : '' }}>
                            <label class="btn btn-outline-dark fw-bold text-14" for="{{ $orientationFieldIdPrefix }}_{{ $orientation->value }}">
                                <i class="{{ $orientation->icon() }} me-1"></i>{{ $orientation->label() }}
                            </label>
                        @endforeach
                    </div>
                </div>
            </div>

            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Fiscalités</span></h6>

            @php
                $allFiscaliteCases = \App\Enums\Fiscalite::selectableCases();

                $lotFiscaliteValues = isset($lot)
                    ? $lot->fiscalites->pluck('type')->map(fn ($t) => $t->value)->toArray()
                    : [];

                $oldFiscalites = old('fiscalites');
                $selectedFiscalites = is_array($oldFiscalites)
                    ? $oldFiscalites
                    : (isset($lot) ? $lotFiscaliteValues : $programFiscaliteValues);
            @endphp

            <div class="row g-3">
                @foreach($allFiscaliteCases as $case)
                    @php
                        $isAllowedForLotProgram = in_array($case->value, $programFiscaliteValues, true);
                        $isChecked = in_array($case->value, $selectedFiscalites, true);
                        $inputId = 'lot-fiscalite-' . $case->value;
                    @endphp
                    <div class="col-md-6">
                        <div class="fiscalite-card {{ $isAllowedForLotProgram ? '' : 'disabled opacity-50' }}">
                            <input
                                type="checkbox"
                                name="fiscalites[]"
                                value="{{ $case->value }}"
                                id="{{ $inputId }}"
                                class="fiscalite-checkbox"
                                {{ $isAllowedForLotProgram ? '' : 'disabled' }}
                                {{ $isAllowedForLotProgram && $isChecked ? 'checked' : '' }}
                            >
                            <label for="{{ $inputId }}" class="fiscalite-label {{ $isAllowedForLotProgram ? '' : 'text-muted' }}">
                                <div class="d-flex align-items-center">
                                    <div class="flex-grow-1">
                                        <div class="fw-bold">{{ $case->label() }}</div>
                                    </div>
                                    <div class="fiscalite-check">
                                        <i class="fas fa-check text-primary"></i>
                                    </div>
                                </div>
                            </label>
                        </div>
                    </div>
                @endforeach
            </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="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Éligible TVA 5,5%</span></h6>

            @php
                $tva55EligibleOld = old('tva_55_eligible');
                $existingTva55ForEligibility = isset($lot)
                    ? $lot->prices->firstWhere('type', \App\Enums\PriceType::PRIX_IMMO_TTC_5_5->value)
                    : null;
                $tva55EligibleDefault = isset($lot) ? (bool) $existingTva55ForEligibility?->value : false;
                $tva55Eligible = $tva55EligibleOld !== null ? (bool) $tva55EligibleOld : $tva55EligibleDefault;

                $selectedFiscalitesForVisibility = old('fiscalites', isset($lot) ? $lot->fiscalites?->pluck('type')->map(fn ($t) => $t->value)->all() : []);
                $selectedFiscalitesForVisibility = is_array($selectedFiscalitesForVisibility) ? $selectedFiscalitesForVisibility : [];
                $lotFormFieldVisibility = \App\Services\LotFormFieldVisibility::forSelectedFiscaliteValuesAndTva55Eligible(
                    $selectedFiscalitesForVisibility,
                    (bool) $tva55Eligible
                );
            @endphp

            <div class="row g-3 mb-3">
                <div class="col-md-6">
                    <div class="fiscalite-card d-inline-block">
                        <input
                            type="checkbox"
                            name="tva_55_eligible"
                            value="1"
                            id="tva_55_eligible"
                            class="fiscalite-checkbox"
                            {{ $tva55Eligible ? 'checked' : '' }}
                        >
                        <label for="tva_55_eligible" class="fiscalite-label">
                            <div class="d-flex align-items-center">
                                <div class="flex-grow-1">
                                    <div class="fw-bold">Éligible TVA 5,5%</div>
                                </div>
                                <div class="fiscalite-check">
                                    <i class="fas fa-check text-primary"></i>
                                </div>
                            </div>
                        </label>
                    </div>
                </div>
            </div>

            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Prix du lot</span></h6>

            <div id="immo-prices-container">
                <input type="hidden" name="immo_prices_section" value="1">
                @php
                    $immoPriceTypes = collect(\App\Enums\PriceType::selectableCases())
                        ->filter(fn($priceType) => $priceType->choosable('immo_choosable'));
                @endphp

                <div class="row g-3 align-items-end">
                    @foreach($immoPriceTypes as $index => $priceType)
                        @php
                            $existingImmoPrice = isset($lot)
                                ? $lot->prices->firstWhere('type', $priceType->value)
                                : null;
                            $immoPriceDisabled = (
                                ($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC && ! $lotFormFieldVisibility->showPrixImmoTtc)
                                || ($priceType === \App\Enums\PriceType::PRIX_IMMO_HT && ! $lotFormFieldVisibility->showPrixImmoHt)
                                || ($priceType === \App\Enums\PriceType::PRIX_MOBILIER_TTC && ! $lotFormFieldVisibility->showPrixMobilierTtc)
                                || (($priceType === \App\Enums\PriceType::PRIX_TVA_IMMO || $priceType === \App\Enums\PriceType::PRIX_MOBILIER_HT || $priceType === \App\Enums\PriceType::PRIX_TVA_MOBILIER) && ! $lotFormFieldVisibility->showPrixTvaImmo)
                                || $priceType === \App\Enums\PriceType::PRIX_IMMO_TTC_10
                                || $priceType === \App\Enums\PriceType::PRIX_IMMO_TTC_5_5
                            );
                        @endphp
                        <div class="col-12 col-md-6 col-xl-3 @if($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC) {{ $lotFormFieldVisibility->showPrixImmoTtc ? '' : 'd-none' }} @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_HT) {{ $lotFormFieldVisibility->showPrixImmoHt ? '' : 'd-none' }} @elseif($priceType === \App\Enums\PriceType::PRIX_MOBILIER_TTC) {{ $lotFormFieldVisibility->showPrixMobilierTtc ? '' : 'd-none' }} @elseif($priceType === \App\Enums\PriceType::PRIX_TVA_IMMO) {{ $lotFormFieldVisibility->showPrixTvaImmo ? '' : 'd-none' }} @elseif($priceType === \App\Enums\PriceType::PRIX_MOBILIER_HT) {{ $lotFormFieldVisibility->showPrixMobilierHt ? '' : 'd-none' }} @elseif($priceType === \App\Enums\PriceType::PRIX_TVA_MOBILIER) {{ $lotFormFieldVisibility->showPrixTvaImmo ? '' : 'd-none' }} @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC_10) d-none @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC_5_5) d-none @endif"
                             @if($priceType === \App\Enums\PriceType::PRIX_MOBILIER_TTC) id="lot-immo-mobilier-ttc-fiscalite-block"
                             @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC) id="lot-immo-ttc-block"
                             @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_HT) id="lot-immo-ht-block"
                             @elseif($priceType === \App\Enums\PriceType::PRIX_TVA_IMMO) id="lot-immo-tva-immo-lmnp-services-block"
                             @elseif($priceType === \App\Enums\PriceType::PRIX_MOBILIER_HT) id="lot-immo-mobilier-ht-lmnp-services-block"
                             @elseif($priceType === \App\Enums\PriceType::PRIX_TVA_MOBILIER) id="lot-immo-tva-mobilier-lmnp-services-block"
                             @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC_10) id="lot-immo-ttc-10-lli-block"
                             @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC_5_5) id="lot-immo-ttc-5-5-block"
                             @endif>
                            <label class="form-label fw-bold" for="lot-immo-price-{{ $priceType->value }}">
                                @if($priceType === \App\Enums\PriceType::PRIX_IMMO_TTC)
                                    {{ $priceType->label() }}
                                @elseif($priceType === \App\Enums\PriceType::PRIX_IMMO_HT)
                                    {{ $priceType->label() }}
                                @elseif($priceType === \App\Enums\PriceType::PRIX_TVA_IMMO)
                                    TVA sur immo
                                @elseif($priceType === \App\Enums\PriceType::PRIX_MOBILIER_TTC)
                                    Mobilier TTC
                                @elseif($priceType === \App\Enums\PriceType::PRIX_MOBILIER_HT)
                                    Mobilier HT
                                @elseif($priceType === \App\Enums\PriceType::PRIX_TVA_MOBILIER)
                                    TVA sur mobilier
                                @else
                                    {{ $priceType->label() }}
                                @endif
                            </label>
                            <input type="hidden" name="immo_prices[{{ $index }}][type]" value="{{ $priceType->value }}"
                                   @if($immoPriceDisabled) disabled @endif>
                            @if($existingImmoPrice)
                                <input type="hidden" name="immo_prices[{{ $index }}][id]" value="{{ $existingImmoPrice->id }}"
                                       @if($immoPriceDisabled) disabled @endif>
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="immo_prices[{{ $index }}][value]"
                                id="lot-immo-price-{{ $priceType->value }}"
                                class="form-control"
                                value="{{ old('immo_prices.'.$index.'.value', $existingImmoPrice?->value) }}"
                                placeholder="0.00"
                                data-required-when-enabled="1"
                                @if(! $immoPriceDisabled) required @endif
                                @if($immoPriceDisabled) disabled @endif
                            >
                        </div>
                    @endforeach
                </div>
            </div>

            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    // Le prix "Immo TTC (TVA 5,5%)" est géré via le bloc immo `PRIX_IMMO_TTC_5_5`
                });
            </script>

            <div id="foncier-prices-section" class="{{ $lotFormFieldVisibility->showPrixFoncierTtc ? '' : 'd-none' }}">
            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Prix foncier</span></h6>

            <div id="foncier-prices-container">
                <input type="hidden" name="foncier_prices_section" value="1">
                @php
                    $foncierPriceTypes = collect(\App\Enums\PriceType::selectableCases())
                        ->filter(fn($priceType) => $priceType->choosable('foncier_choosable'));
                @endphp

                <div class="row g-3 align-items-end">
                    @foreach($foncierPriceTypes as $index => $priceType)
                        @php
                            $existingFoncierPrice = isset($lot)
                                ? $lot->prices->firstWhere('type', $priceType->value)
                                : null;
                            $foncierLabel = $priceType === \App\Enums\PriceType::PRIX_FONCIER_TTC
                                ? 'Foncier TTC'
                                : $priceType->label();
                        @endphp
                        <div class="col-12 col-md-6 col-xl-3 @if($priceType === \App\Enums\PriceType::PRIX_FONCIER_TTC) {{ $lotFormFieldVisibility->showPrixFoncierTtc ? '' : 'd-none' }} @endif" @if($priceType === \App\Enums\PriceType::PRIX_FONCIER_TTC) id="lot-foncier-ttc-patrimoine-block" @endif>
                            <label class="form-label fw-bold" for="lot-foncier-price-{{ $priceType->value }}">{{ $foncierLabel }}</label>
                            <input type="hidden" name="foncier_prices[{{ $index }}][type]" value="{{ $priceType->value }}">
                            @if($existingFoncierPrice)
                                <input type="hidden" name="foncier_prices[{{ $index }}][id]" value="{{ $existingFoncierPrice->id }}">
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="foncier_prices[{{ $index }}][value]"
                                id="lot-foncier-price-{{ $priceType->value }}"
                                class="form-control"
                                value="{{ old('foncier_prices.'.$index.'.value', $existingFoncierPrice?->value) }}"
                                placeholder="0.00"
                            >
                        </div>
                    @endforeach
                </div>
            </div>
            </div>

            <div id="travaux-prices-section" class="{{ ($lotFormFieldVisibility->showPrixTravauxEligible || $lotFormFieldVisibility->showPrixTravauxNonEligible) ? '' : 'd-none' }}">
            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Prix des travaux</span></h6>

            <div id="travaux-prices-container">
                @php
                    $travauxPriceTypes = collect(\App\Enums\PriceType::selectableCases())
                        ->filter(fn($priceType) => in_array($priceType->value, ['prix_travaux_eligible', 'prix_travaux_non_eligible']));
                @endphp

                <div class="row g-3 align-items-end">
                    @foreach($travauxPriceTypes as $index => $priceType)
                        @php
                            $existingTravauxPrice = isset($lot)
                                ? $lot->prices->firstWhere('type', $priceType->value)
                                : null;
                            $readOnlyKey = 'travaux_prices.'.$index.'.read_only';
                            $readOnlyValue = old(
                                $readOnlyKey,
                                $existingTravauxPrice
                                    ? ($existingTravauxPrice->read_only ? 1 : 0)
                                    : 1
                            );
                            $travauxLabel = $priceType === \App\Enums\PriceType::PRIX_TRAVAUX_ELIGIBLE
                                ? 'Prix travaux éligibles'
                                : 'Prix travaux non-éligibles';
                        @endphp
                        <div class="col-12 col-md-6 col-xl-3 travaux-price-row @if($priceType === \App\Enums\PriceType::PRIX_TRAVAUX_ELIGIBLE) {{ $lotFormFieldVisibility->showPrixTravauxEligible ? '' : 'd-none' }} @elseif($priceType === \App\Enums\PriceType::PRIX_TRAVAUX_NON_ELIGIBLE) {{ $lotFormFieldVisibility->showPrixTravauxNonEligible ? '' : 'd-none' }} @endif" @if($priceType === \App\Enums\PriceType::PRIX_TRAVAUX_ELIGIBLE) id="lot-travaux-eligible-patrimoine-block" @elseif($priceType === \App\Enums\PriceType::PRIX_TRAVAUX_NON_ELIGIBLE) id="lot-travaux-non-eligible-fiscalite-block" @endif>
                            <label class="form-label fw-bold" for="lot-travaux-price-{{ $priceType->value }}">{{ $travauxLabel }}</label>
                            <input type="hidden" name="travaux_prices[{{ $index }}][type]" value="{{ $priceType->value }}">
                            @if($existingTravauxPrice)
                                <input type="hidden" name="travaux_prices[{{ $index }}][id]" value="{{ $existingTravauxPrice->id }}">
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                id="lot-travaux-price-{{ $priceType->value }}"
                                name="travaux_prices[{{ $index }}][value]"
                                class="form-control"
                                value="{{ old('travaux_prices.'.$index.'.value', $existingTravauxPrice?->value) }}"
                                placeholder="0.00"
                            >
                            <div class="mt-2">
                                <label class="form-label" for="travaux-price-readonly-{{ $index }}">Inclus dans le prix immo</label>
                                <div class="form-check form-switch">
                                    <input type="hidden" name="travaux_prices[{{ $index }}][read_only]" value="0">
                                    <input
                                        class="form-check-input"
                                        type="checkbox"
                                        id="travaux-price-readonly-{{ $index }}"
                                        name="travaux_prices[{{ $index }}][read_only]"
                                        value="1"
                                        {{ $readOnlyValue == 1 ? 'checked' : '' }}
                                    >
                                    <label class="form-check-label small" for="travaux-price-readonly-{{ $index }}">
                                        Oui
                                    </label>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            </div>

            <script>
                document.addEventListener('DOMContentLoaded', function () {
                    const form = document.getElementById('lot-form');
                    if (!form) {
                        return;
                    }
                    const patrimoineTriggerValues = @json(\App\Services\LotFormFieldVisibility::patrimoineFiscaliteTriggerValues());
                    const travauxNonEligibleTriggerValues = @json(\App\Services\LotFormFieldVisibility::travauxNonEligibleFiscaliteTriggerValues());
                    const mobilierTtcTriggerValues = @json(\App\Services\LotFormFieldVisibility::mobilierTtcFiscaliteTriggerValues());
                    const lmnpServicesTvaTriggerValues = @json(\App\Services\LotFormFieldVisibility::lmnpServicesTvaFiscaliteTriggerValues());
                    const foncierTtcTriggerValues = @json(\App\Services\LotFormFieldVisibility::foncierTtcFiscaliteTriggerValues());
                    const loyerMensuelTtcTriggerValues = @json(\App\Services\LotFormFieldVisibility::loyerMensuelTtcFiscaliteTriggerValues());
                    const loyerMensuelHtTriggerValues = @json(\App\Services\LotFormFieldVisibility::loyerMensuelHtFiscaliteTriggerValues());
                    const loyerMensuelPlafonneDispositifFiscalTriggerValues = @json(\App\Services\LotFormFieldVisibility::loyerMensuelPlafonneDispositifFiscalFiscaliteTriggerValues());
                    const loyerJeanBrunNeufAncienSocialTriggerValues = @json(\App\Services\LotFormFieldVisibility::loyerJeanBrunNeufAncienSocialFiscaliteTriggerValues());
                    const mobilierTtcBlock = document.getElementById('lot-immo-mobilier-ttc-fiscalite-block');
                    const immoTtcBlock = document.getElementById('lot-immo-ttc-block');
                    const immoHtBlock = document.getElementById('lot-immo-ht-block');
                    const immoTtc10LliBlock = document.getElementById('lot-immo-ttc-10-lli-block');
                    const immoTtc55Block = document.getElementById('lot-immo-ttc-5-5-block');
                    const tvaImmoLmnpServicesBlock = document.getElementById('lot-immo-tva-immo-lmnp-services-block');
                    const mobilierHtLmnpServicesBlock = document.getElementById('lot-immo-mobilier-ht-lmnp-services-block');
                    const tvaMobilierLmnpServicesBlock = document.getElementById('lot-immo-tva-mobilier-lmnp-services-block');
                    const fraisGeranceLmnpServicesBlock = document.getElementById('lot-frais-gerance-lmnp-services-block');
                    const foncierSection = document.getElementById('foncier-prices-section');
                    const travauxSection = document.getElementById('travaux-prices-section');
                    const foncierBlock = document.getElementById('lot-foncier-ttc-patrimoine-block');
                    const travauxEligibleBlock = document.getElementById('lot-travaux-eligible-patrimoine-block');
                    const travauxNonEligibleBlock = document.getElementById('lot-travaux-non-eligible-fiscalite-block');
                    const loyerSection = document.getElementById('lot-loyer-section');
                    const loyerMensuelTtcBlock = document.getElementById('lot-rental-mensuel-ttc-block');
                    const loyerMensuelHtBlock = document.getElementById('lot-rental-mensuel-ht-block');
                    const loyerMensuelPlafonneDispositifFiscalBlock = document.getElementById('lot-rental-mensuel-plafonne-dispositif-fiscal-block');
                    const loyerSocialJeanBrunBlock = document.getElementById('lot-rental-social-jean-brun-block');
                    const loyerTresSocialJeanBrunBlock = document.getElementById('lot-rental-tres-social-jean-brun-block');
                    if (!foncierSection && !travauxSection && !foncierBlock && !travauxEligibleBlock && !travauxNonEligibleBlock && !mobilierTtcBlock && !tvaImmoLmnpServicesBlock && !mobilierHtLmnpServicesBlock && !tvaMobilierLmnpServicesBlock && !fraisGeranceLmnpServicesBlock && !loyerSection) {
                        return;
                    }
                    const isAnyFiscaliteChecked = function (triggerValues) {
                        return triggerValues.some(function (v) {
                            const cb = document.getElementById('lot-fiscalite-' + v);
                            return cb && cb.checked && !cb.disabled;
                        });
                    };
                    const syncPatrimoineFiscaliteFields = () => {
                        const showPatrimoine = isAnyFiscaliteChecked(patrimoineTriggerValues);
                        if (travauxEligibleBlock) {
                            travauxEligibleBlock.classList.toggle('d-none', !showPatrimoine);
                        }
                    };

                    const syncFoncierTtcField = () => {
                        const showFoncier = isAnyFiscaliteChecked(foncierTtcTriggerValues);
                        if (foncierSection) {
                            foncierSection.classList.toggle('d-none', !showFoncier);
                        }
                        if (foncierBlock) {
                            foncierBlock.classList.toggle('d-none', !showFoncier);
                        }
                    };
                    const syncTravauxNonEligibleField = () => {
                        const showNonElig = isAnyFiscaliteChecked(travauxNonEligibleTriggerValues);
                        if (travauxNonEligibleBlock) {
                            travauxNonEligibleBlock.classList.toggle('d-none', !showNonElig);
                        }
                    };
                    const syncTravauxSectionHeading = () => {
                        if (!travauxSection) {
                            return;
                        }
                        const showElig = isAnyFiscaliteChecked(patrimoineTriggerValues);
                        const showNonElig = isAnyFiscaliteChecked(travauxNonEligibleTriggerValues);
                        travauxSection.classList.toggle('d-none', !(showElig || showNonElig));
                    };
                    const syncMobilierTtcField = () => {
                        const showMobilierTtc = isAnyFiscaliteChecked(mobilierTtcTriggerValues);
                        if (mobilierTtcBlock) {
                            mobilierTtcBlock.classList.toggle('d-none', !showMobilierTtc);
                            mobilierTtcBlock.querySelectorAll('input').forEach(function (el) {
                                if (showMobilierTtc) {
                                    el.removeAttribute('disabled');
                                } else {
                                    el.setAttribute('disabled', 'disabled');
                                }
                            });
                        }
                    };

                    const setBlockInputsEnabled = function (block, show) {
                        if (!block) {
                            return;
                        }
                        block.classList.toggle('d-none', !show);
                        block.querySelectorAll('input, select, textarea').forEach(function (el) {
                            if (show) {
                                el.removeAttribute('disabled');
                                if (el.matches && el.matches('[data-required-when-enabled="1"]')) {
                                    el.setAttribute('required', 'required');
                                }
                            } else {
                                el.setAttribute('disabled', 'disabled');
                                if (el.matches && el.matches('[data-required-when-enabled="1"]')) {
                                    el.removeAttribute('required');
                                }
                            }
                        });
                    };

                    const syncImmoTtc10LliField = () => {
                        const lliCheckbox = document.getElementById('lot-fiscalite-{{ \App\Enums\Fiscalite::LLI->value }}');
                        const show = !!(lliCheckbox && lliCheckbox.checked && !lliCheckbox.disabled);
                        setBlockInputsEnabled(immoTtc10LliBlock, show);
                    };

                    const syncImmoTtc55Field = () => {
                        const tva55EligibleCheckbox = document.getElementById('tva_55_eligible');
                        const show = !!(tva55EligibleCheckbox && tva55EligibleCheckbox.checked);
                        setBlockInputsEnabled(immoTtc55Block, show);
                    };

                    const syncBaseImmoFields = () => {
                        const lliCheckbox = document.getElementById('lot-fiscalite-{{ \App\Enums\Fiscalite::LLI->value }}');
                        const lliSelected = !!(lliCheckbox && lliCheckbox.checked && !lliCheckbox.disabled);
                        const tva55EligibleCheckbox = document.getElementById('tva_55_eligible');
                        const tva55Selected = !!(tva55EligibleCheckbox && tva55EligibleCheckbox.checked);
                        const hasNonLliFiscaliteSelected = Array.from(form.querySelectorAll('input[name="fiscalites[]"]'))
                            .some((cb) => cb && cb.checked && !cb.disabled && String(cb.value) !== '{{ \App\Enums\Fiscalite::LLI->value }}');
                        const showBase = hasNonLliFiscaliteSelected || (!lliSelected && !tva55Selected);
                        setBlockInputsEnabled(immoTtcBlock, showBase);
                    };
                    const syncLmnpServicesTvaImmoMobilierHtFields = () => {
                        const showLmnpServicesTva = isAnyFiscaliteChecked(lmnpServicesTvaTriggerValues);
                        const setLmnpImmoBlockInputs = function (block, show) {
                            if (!block) {
                                return;
                            }
                            block.classList.toggle('d-none', !show);
                            block.querySelectorAll('input').forEach(function (el) {
                                if (show) {
                                    el.removeAttribute('disabled');
                                } else {
                                    el.setAttribute('disabled', 'disabled');
                                }
                            });
                        };
                        setLmnpImmoBlockInputs(tvaImmoLmnpServicesBlock, showLmnpServicesTva);
                        setLmnpImmoBlockInputs(mobilierHtLmnpServicesBlock, showLmnpServicesTva);
                        setLmnpImmoBlockInputs(tvaMobilierLmnpServicesBlock, showLmnpServicesTva);
                        setLmnpImmoBlockInputs(fraisGeranceLmnpServicesBlock, showLmnpServicesTva);
                    };

                    const syncImmoHtField = () => {
                        const showLmnpServicesTva = isAnyFiscaliteChecked(lmnpServicesTvaTriggerValues);
                        setBlockInputsEnabled(immoHtBlock, showLmnpServicesTva);
                    };
                    const syncLoyerSection = () => {
                        const showLoyerMensuelTtc = isAnyFiscaliteChecked(loyerMensuelTtcTriggerValues);
                        const showLoyerMensuelHt = isAnyFiscaliteChecked(loyerMensuelHtTriggerValues);
                        const showLoyerMensuelPlafonneDispositifFiscal = isAnyFiscaliteChecked(loyerMensuelPlafonneDispositifFiscalTriggerValues);
                        const showLoyerJeanBrunNeufAncienSocialLoyers = isAnyFiscaliteChecked(loyerJeanBrunNeufAncienSocialTriggerValues);
                        if (loyerSection) {
                            loyerSection.classList.toggle('d-none', !showLoyerMensuelTtc && !showLoyerMensuelHt && !showLoyerMensuelPlafonneDispositifFiscal && !showLoyerJeanBrunNeufAncienSocialLoyers);
                        }
                        const setLoyerBlock = function (block, show) {
                            if (!block) {
                                return;
                            }
                            block.classList.toggle('d-none', !show);
                            block.querySelectorAll('input, select, textarea').forEach(function (el) {
                                if (show) {
                                    el.removeAttribute('disabled');
                                } else {
                                    el.setAttribute('disabled', 'disabled');
                                }
                            });
                        };
                        setLoyerBlock(loyerMensuelTtcBlock, showLoyerMensuelTtc);
                        setLoyerBlock(loyerMensuelHtBlock, showLoyerMensuelHt);
                        setLoyerBlock(loyerMensuelPlafonneDispositifFiscalBlock, showLoyerMensuelPlafonneDispositifFiscal);
                        setLoyerBlock(loyerSocialJeanBrunBlock, showLoyerJeanBrunNeufAncienSocialLoyers);
                        setLoyerBlock(loyerTresSocialJeanBrunBlock, showLoyerJeanBrunNeufAncienSocialLoyers);
                    };
                    const syncFiscaliteDependentFields = () => {
                        syncPatrimoineFiscaliteFields();
                        syncFoncierTtcField();
                        syncTravauxNonEligibleField();
                        syncTravauxSectionHeading();
                        syncMobilierTtcField();
                        syncBaseImmoFields();
                        syncImmoTtc10LliField();
                        syncImmoTtc55Field();
                        syncImmoHtField();
                        syncLmnpServicesTvaImmoMobilierHtFields();
                        syncLoyerSection();
                    };
                    document.querySelectorAll('.fiscalite-checkbox').forEach(function (cb) {
                        cb.addEventListener('change', syncFiscaliteDependentFields);
                    });
                    const tva55EligibleCheckbox = document.getElementById('tva_55_eligible');
                    if (tva55EligibleCheckbox) {
                        tva55EligibleCheckbox.addEventListener('change', syncFiscaliteDependentFields);
                    }
                    syncFiscaliteDependentFields();
                });
            </script>

            <div id="lot-loyer-section" class="{{ ($lotFormFieldVisibility->showLoyerMensuelTtc || $lotFormFieldVisibility->showLoyerMensuelHt || $lotFormFieldVisibility->showLoyerMensuelPlafonneDispositifFiscal || $lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) ? '' : 'd-none' }}">
                <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Loyer</span></h6>

                <div id="rental-prices-container">
                    @php
                        $mensuelTtcPriceType = \App\Enums\PriceTypeLoyer::MENSUEL_TTC;
                        $mensuelHtPriceType = \App\Enums\PriceTypeLoyer::MENSUEL_HT;
                        $mensuelPlafonneDispositifFiscalPriceType = \App\Enums\PriceTypeLoyer::MENSUEL_PLAFONNE_DISPOSITIF_FISCAL;
                        $mensuelSocialJeanBrunPriceType = \App\Enums\PriceTypeLoyer::MENSUEL_SOCIAL_JEAN_BRUN;
                        $mensuelTresSocialJeanBrunPriceType = \App\Enums\PriceTypeLoyer::MENSUEL_TRES_SOCIAL_JEAN_BRUN;
                        $rentalPriceIndexTtc = 0;
                        $rentalPriceIndexHt = 1;
                        $rentalPriceIndexPlafonneDispositifFiscal = 2;
                        $rentalPriceIndexSocialJeanBrun = 3;
                        $rentalPriceIndexTresSocialJeanBrun = 4;
                        $existingMensuelTtcRentalPrice = isset($lot)
                            ? $lot->prices->firstWhere('type', $mensuelTtcPriceType->value)
                            : null;
                        $existingMensuelHtRentalPrice = isset($lot)
                            ? $lot->prices->firstWhere('type', $mensuelHtPriceType->value)
                            : null;
                        $existingMensuelPlafonneDispositifFiscalRentalPrice = isset($lot)
                            ? $lot->prices->firstWhere('type', $mensuelPlafonneDispositifFiscalPriceType->value)
                            : null;
                        $existingMensuelSocialJeanBrunRentalPrice = isset($lot)
                            ? $lot->prices->firstWhere('type', $mensuelSocialJeanBrunPriceType->value)
                            : null;
                        $existingMensuelTresSocialJeanBrunRentalPrice = isset($lot)
                            ? $lot->prices->firstWhere('type', $mensuelTresSocialJeanBrunPriceType->value)
                            : null;
                        $mensuelTtcReadOnlyKey = 'rental_prices.'.$rentalPriceIndexTtc.'.read_only';
                        $mensuelTtcReadOnlyValue = old($mensuelTtcReadOnlyKey, $existingMensuelTtcRentalPrice && $existingMensuelTtcRentalPrice->read_only ? 1 : 0);
                        $mensuelHtReadOnlyKey = 'rental_prices.'.$rentalPriceIndexHt.'.read_only';
                        $mensuelHtReadOnlyValue = old($mensuelHtReadOnlyKey, $existingMensuelHtRentalPrice && $existingMensuelHtRentalPrice->read_only ? 1 : 0);
                        $mensuelPlafonneDispositifFiscalReadOnlyKey = 'rental_prices.'.$rentalPriceIndexPlafonneDispositifFiscal.'.read_only';
                        $mensuelPlafonneDispositifFiscalReadOnlyValue = old($mensuelPlafonneDispositifFiscalReadOnlyKey, $existingMensuelPlafonneDispositifFiscalRentalPrice && $existingMensuelPlafonneDispositifFiscalRentalPrice->read_only ? 1 : 0);
                        $mensuelSocialJeanBrunReadOnlyKey = 'rental_prices.'.$rentalPriceIndexSocialJeanBrun.'.read_only';
                        $mensuelSocialJeanBrunReadOnlyValue = old($mensuelSocialJeanBrunReadOnlyKey, $existingMensuelSocialJeanBrunRentalPrice && $existingMensuelSocialJeanBrunRentalPrice->read_only ? 1 : 0);
                        $mensuelTresSocialJeanBrunReadOnlyKey = 'rental_prices.'.$rentalPriceIndexTresSocialJeanBrun.'.read_only';
                        $mensuelTresSocialJeanBrunReadOnlyValue = old($mensuelTresSocialJeanBrunReadOnlyKey, $existingMensuelTresSocialJeanBrunRentalPrice && $existingMensuelTresSocialJeanBrunRentalPrice->read_only ? 1 : 0);
                    @endphp
                    <div class="row g-3 align-items-end">
                        <div id="lot-rental-mensuel-ttc-block" class="col-12 col-md-6 col-xl-3 {{ $lotFormFieldVisibility->showLoyerMensuelTtc ? '' : 'd-none' }}">
                            <label class="form-label fw-bold" for="lot-rental-price-{{ $mensuelTtcPriceType->value }}">{{ $mensuelTtcPriceType->label() }}</label>
                            <input type="hidden" name="rental_prices[{{ $rentalPriceIndexTtc }}][type]" value="{{ $mensuelTtcPriceType->value }}" @if(!$lotFormFieldVisibility->showLoyerMensuelTtc) disabled @endif>
                            @if($existingMensuelTtcRentalPrice)
                                <input type="hidden" name="rental_prices[{{ $rentalPriceIndexTtc }}][id]" value="{{ $existingMensuelTtcRentalPrice->id }}" @if(!$lotFormFieldVisibility->showLoyerMensuelTtc) disabled @endif>
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="rental_prices[{{ $rentalPriceIndexTtc }}][value]"
                                id="lot-rental-price-{{ $mensuelTtcPriceType->value }}"
                                class="form-control"
                                value="{{ old('rental_prices.'.$rentalPriceIndexTtc.'.value', $existingMensuelTtcRentalPrice?->value) }}"
                                placeholder="0.00"
                                @if(!$lotFormFieldVisibility->showLoyerMensuelTtc) disabled @endif
                            >
                            <input
                                type="hidden"
                                name="rental_prices[{{ $rentalPriceIndexTtc }}][read_only]"
                                value="{{ $mensuelTtcReadOnlyValue }}"
                                @if(!$lotFormFieldVisibility->showLoyerMensuelTtc) disabled @endif
                            >
                        </div>
                        <div id="lot-rental-mensuel-ht-block" class="col-12 col-md-6 col-xl-3 {{ $lotFormFieldVisibility->showLoyerMensuelHt ? '' : 'd-none' }}">
                            <label class="form-label fw-bold" for="lot-rental-price-{{ $mensuelHtPriceType->value }}">{{ $mensuelHtPriceType->label() }}</label>
                            <input type="hidden" name="rental_prices[{{ $rentalPriceIndexHt }}][type]" value="{{ $mensuelHtPriceType->value }}" @if(!$lotFormFieldVisibility->showLoyerMensuelHt) disabled @endif>
                            @if($existingMensuelHtRentalPrice)
                                <input type="hidden" name="rental_prices[{{ $rentalPriceIndexHt }}][id]" value="{{ $existingMensuelHtRentalPrice->id }}" @if(!$lotFormFieldVisibility->showLoyerMensuelHt) disabled @endif>
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="rental_prices[{{ $rentalPriceIndexHt }}][value]"
                                id="lot-rental-price-{{ $mensuelHtPriceType->value }}"
                                class="form-control"
                                value="{{ old('rental_prices.'.$rentalPriceIndexHt.'.value', $existingMensuelHtRentalPrice?->value) }}"
                                placeholder="0.00"
                                @if(!$lotFormFieldVisibility->showLoyerMensuelHt) disabled @endif
                            >
                            <input
                                type="hidden"
                                name="rental_prices[{{ $rentalPriceIndexHt }}][read_only]"
                                value="{{ $mensuelHtReadOnlyValue }}"
                                @if(!$lotFormFieldVisibility->showLoyerMensuelHt) disabled @endif
                            >
                        </div>
                        <div id="lot-rental-mensuel-plafonne-dispositif-fiscal-block" class="col-12 col-md-6 col-xl-3 {{ $lotFormFieldVisibility->showLoyerMensuelPlafonneDispositifFiscal ? '' : 'd-none' }}">
                            <label class="form-label fw-bold" for="lot-rental-price-{{ $mensuelPlafonneDispositifFiscalPriceType->value }}">{{ $mensuelPlafonneDispositifFiscalPriceType->label() }}</label>
                            <input type="hidden" name="rental_prices[{{ $rentalPriceIndexPlafonneDispositifFiscal }}][type]" value="{{ $mensuelPlafonneDispositifFiscalPriceType->value }}" @if(!$lotFormFieldVisibility->showLoyerMensuelPlafonneDispositifFiscal) disabled @endif>
                            @if($existingMensuelPlafonneDispositifFiscalRentalPrice)
                                <input type="hidden" name="rental_prices[{{ $rentalPriceIndexPlafonneDispositifFiscal }}][id]" value="{{ $existingMensuelPlafonneDispositifFiscalRentalPrice->id }}" @if(!$lotFormFieldVisibility->showLoyerMensuelPlafonneDispositifFiscal) disabled @endif>
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="rental_prices[{{ $rentalPriceIndexPlafonneDispositifFiscal }}][value]"
                                id="lot-rental-price-{{ $mensuelPlafonneDispositifFiscalPriceType->value }}"
                                class="form-control"
                                value="{{ old('rental_prices.'.$rentalPriceIndexPlafonneDispositifFiscal.'.value', $existingMensuelPlafonneDispositifFiscalRentalPrice?->value) }}"
                                placeholder="0.00"
                                @if(!$lotFormFieldVisibility->showLoyerMensuelPlafonneDispositifFiscal) disabled @endif
                            >
                            <input
                                type="hidden"
                                name="rental_prices[{{ $rentalPriceIndexPlafonneDispositifFiscal }}][read_only]"
                                value="{{ $mensuelPlafonneDispositifFiscalReadOnlyValue }}"
                                @if(!$lotFormFieldVisibility->showLoyerMensuelPlafonneDispositifFiscal) disabled @endif
                            >
                        </div>
                        <div id="lot-rental-social-jean-brun-block" class="col-12 col-md-6 col-xl-3 {{ $lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers ? '' : 'd-none' }}">
                            <label class="form-label fw-bold" for="lot-rental-price-{{ $mensuelSocialJeanBrunPriceType->value }}">{{ $mensuelSocialJeanBrunPriceType->label() }}</label>
                            <input type="hidden" name="rental_prices[{{ $rentalPriceIndexSocialJeanBrun }}][type]" value="{{ $mensuelSocialJeanBrunPriceType->value }}" @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif>
                            @if($existingMensuelSocialJeanBrunRentalPrice)
                                <input type="hidden" name="rental_prices[{{ $rentalPriceIndexSocialJeanBrun }}][id]" value="{{ $existingMensuelSocialJeanBrunRentalPrice->id }}" @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif>
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="rental_prices[{{ $rentalPriceIndexSocialJeanBrun }}][value]"
                                id="lot-rental-price-{{ $mensuelSocialJeanBrunPriceType->value }}"
                                class="form-control"
                                value="{{ old('rental_prices.'.$rentalPriceIndexSocialJeanBrun.'.value', $existingMensuelSocialJeanBrunRentalPrice?->value) }}"
                                placeholder="0.00"
                                @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif
                            >
                            <input
                                type="hidden"
                                name="rental_prices[{{ $rentalPriceIndexSocialJeanBrun }}][read_only]"
                                value="{{ $mensuelSocialJeanBrunReadOnlyValue }}"
                                @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif
                            >
                        </div>
                        <div id="lot-rental-tres-social-jean-brun-block" class="col-12 col-md-6 col-xl-3 {{ $lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers ? '' : 'd-none' }}">
                            <label class="form-label fw-bold" for="lot-rental-price-{{ $mensuelTresSocialJeanBrunPriceType->value }}">{{ $mensuelTresSocialJeanBrunPriceType->label() }}</label>
                            <input type="hidden" name="rental_prices[{{ $rentalPriceIndexTresSocialJeanBrun }}][type]" value="{{ $mensuelTresSocialJeanBrunPriceType->value }}" @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif>
                            @if($existingMensuelTresSocialJeanBrunRentalPrice)
                                <input type="hidden" name="rental_prices[{{ $rentalPriceIndexTresSocialJeanBrun }}][id]" value="{{ $existingMensuelTresSocialJeanBrunRentalPrice->id }}" @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif>
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="rental_prices[{{ $rentalPriceIndexTresSocialJeanBrun }}][value]"
                                id="lot-rental-price-{{ $mensuelTresSocialJeanBrunPriceType->value }}"
                                class="form-control"
                                value="{{ old('rental_prices.'.$rentalPriceIndexTresSocialJeanBrun.'.value', $existingMensuelTresSocialJeanBrunRentalPrice?->value) }}"
                                placeholder="0.00"
                                @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif
                            >
                            <input
                                type="hidden"
                                name="rental_prices[{{ $rentalPriceIndexTresSocialJeanBrun }}][read_only]"
                                value="{{ $mensuelTresSocialJeanBrunReadOnlyValue }}"
                                @if(!$lotFormFieldVisibility->showLoyerJeanBrunNeufAncienSocialLoyers) disabled @endif
                            >
                        </div>
                    </div>
                </div>
            </div>

            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Charges</span></h6>

            <div id="charge-prices-container">
                @php
                    $chargePriceTypes = \App\Enums\PriceTypeCharge::selectableCases();
                @endphp

                <div class="row g-3 align-items-end">
                    @foreach($chargePriceTypes as $index => $priceType)
                        @php
                            $existingChargePrice = isset($lot)
                                ? $lot->prices->firstWhere('type', $priceType->value)
                                : null;
                            $readOnlyKey = 'charge_prices.'.$index.'.read_only';
                            $readOnlyValue = old($readOnlyKey, $existingChargePrice && $existingChargePrice->read_only ? 1 : 0);
                        @endphp
                        <div class="col-12 col-md-6 col-xl-3">
                            <label class="form-label fw-bold" for="lot-charge-price-{{ $priceType->value }}">{{ $priceType->label() }}</label>
                            <input type="hidden" name="charge_prices[{{ $index }}][type]" value="{{ $priceType->value }}">
                            @if($existingChargePrice)
                                <input type="hidden" name="charge_prices[{{ $index }}][id]" value="{{ $existingChargePrice->id }}">
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="charge_prices[{{ $index }}][value]"
                                id="lot-charge-price-{{ $priceType->value }}"
                                class="form-control"
                                value="{{ old('charge_prices.'.$index.'.value', $existingChargePrice?->value) }}"
                                placeholder="0.00"
                            >
                            <input
                                type="hidden"
                                name="charge_prices[{{ $index }}][read_only]"
                                value="{{ $readOnlyValue }}"
                            >
                        </div>
                    @endforeach
                </div>
            </div>

            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Autres frais</span></h6>

            <div id="frais-prices-container">
                @php
                    $fraisPriceTypes = collect(\App\Enums\PriceTypeFrais::selectableCases())
                        ->filter(fn($priceType) => $priceType->choosable('frais_choosable'));
                @endphp

                <div class="row g-3 align-items-end">
                    @foreach($fraisPriceTypes as $index => $priceType)
                        @php
                            $existingFraisPrice = isset($lot)
                                ? $lot->prices->firstWhere('type', $priceType->value)
                                : null;
                            $readOnlyKey = 'frais_prices.'.$index.'.read_only';
                            $readOnlyValue = old($readOnlyKey, $existingFraisPrice && $existingFraisPrice->read_only ? 1 : 0);
                            $hideFraisGerance = $priceType === \App\Enums\PriceTypeFrais::FRAIS_GERANCE && !$lotFormFieldVisibility->showFraisGerance;
                        @endphp
                        <div
                            class="col-12 col-md-6 col-xl-3 {{ $hideFraisGerance ? 'd-none' : '' }}"
                            @if($priceType === \App\Enums\PriceTypeFrais::FRAIS_GERANCE) id="lot-frais-gerance-lmnp-services-block" @endif
                        >
                            <label class="form-label fw-bold" for="lot-frais-price-{{ $priceType->value }}">{{ $priceType->label() }}</label>
                            <input type="hidden" name="frais_prices[{{ $index }}][type]" value="{{ $priceType->value }}" @if($hideFraisGerance) disabled @endif>
                            @if($existingFraisPrice)
                                <input type="hidden" name="frais_prices[{{ $index }}][id]" value="{{ $existingFraisPrice->id }}" @if($hideFraisGerance) disabled @endif>
                            @endif
                            <input
                                type="number"
                                step="0.01"
                                min="0"
                                name="frais_prices[{{ $index }}][value]"
                                id="lot-frais-price-{{ $priceType->value }}"
                                class="form-control"
                                value="{{ old('frais_prices.'.$index.'.value', $existingFraisPrice?->value) }}"
                                placeholder="0.00"
                                @if($hideFraisGerance) disabled @endif
                            >
                            <input
                                type="hidden"
                                name="frais_prices[{{ $index }}][read_only]"
                                value="{{ $readOnlyValue }}"
                                @if($hideFraisGerance) disabled @endif
                            >
                        </div>
                    @endforeach
                </div>
            </div>

            {{--
            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Surfaces du lot</span></h6>

            <div id="surfaces-container">
                @if($lotSurfacesExceptMain->isNotEmpty())
                    @foreach($lotSurfacesExceptMain as $offset => $surface)
                    @php $surfaceIndex = $offset + 4; @endphp
                    <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(collect(\App\Enums\SurfaceType::forLots())->filter(fn ($st) => ! in_array($st, $lotMainSurfaceTypeCases, true)) 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="h6-line text-navigo text-12 text-primary mb-3 mt-4 text-uppercase"><span>Annexes du lot</span></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 -->
                            <h6 class="h6-line text-navigo text-12 text-primary mb-3 mt-5 text-uppercase"><span>Documents PDF</span></h6>

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

                </form>

            </div>
        </div>
    </div>
</div>

@include('modals.lot-assistant')

{{-- Confirmation lors du retrait d'une fiscalité sur le lot (impact champs masqués / supprimés) --}}
<div class="modal fade" id="confirmRemoveLotFiscaliteModal" tabindex="-1" aria-labelledby="confirmRemoveLotFiscaliteModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header no-border">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
            </div>
            <div class="modal-body">
                <h5 class="text-18 text-dark text-center" id="confirmRemoveLotFiscaliteModalLabel">
                    <i class="fas fa-exclamation-triangle me-2"></i>Retrait de fiscalité
                </h5>
                <p class="text-grey text-14 mb-0" id="confirmRemoveLotFiscaliteModalText">
                    Cette action entrainera la suppression du champs xxx et sa valeur renseignée. Etes-vous sur de vouloir supprimer cette fiscalité ?
                </p>
            </div>
            <div class="modal-footer no-border d-flex flex-column gap-2 align-items-stretch">
                <button type="button" class="btn btn-danger w-100" id="confirmRemoveLotFiscaliteBtn">
                    Confirmer
                </button>
                <button type="button" class="btn btn-outline-secondary text-dark w-100" data-bs-dismiss="modal">
                    Annuler
                </button>
            </div>
        </div>
    </div>
</div>

<script>
    let surfaceIndex = {{ $lotSurfacesExceptMain->count() + 4 }};
    let priceIndex = 2;
    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(collect(\App\Enums\SurfaceType::forLots())->filter(fn ($st) => ! in_array($st, $lotMainSurfaceTypeCases, true)) 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électionnez</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 removePrice(button) {
        const priceRow = button.closest('.price-row');
        priceRow.remove();
    }

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

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

    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', ['program' => $program->token, 'lot' => $lot->token]) }}',
            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.getElementById('lot-form-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>

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

        const fiscaliteInputs = Array.from(form.querySelectorAll('input[name="fiscalites[]"]'));
        if (!fiscaliteInputs.length) return;

        let initialFiscalites = new Set(
            fiscaliteInputs.filter((i) => i.checked).map((i) => String(i.value))
        );

        // Si l'utilisateur coche/décoche puis revient exactement à l'état initial, pas de modal.
        let confirmedOnce = false;

        function getCurrentFiscalites() {
            return new Set(fiscaliteInputs.filter((i) => i.checked).map((i) => String(i.value)));
        }

        function getRemovedFiscalites() {
            const current = getCurrentFiscalites();
            const removed = [];
            initialFiscalites.forEach((v) => {
                if (!current.has(v)) removed.push(v);
            });
            return removed;
        }

        function isElementEffectivelyHidden(el) {
            if (!el) return false;
            // d-none sur un parent
            if (el.closest('.d-none')) return true;
            // input désactivé (souvent utilisé pour ne pas poster le champ)
            if (el.disabled) return true;
            // hidden type
            if (el.type === 'hidden') return false;
            // invisibilité CSS / pas dans le layout
            return el.offsetParent === null;
        }

        // État initial (au chargement) pour ne lister que les champs devenus masqués ensuite
        const initialHiddenState = new WeakMap();
        Array.from(form.querySelectorAll('input, select, textarea')).forEach((el) => {
            initialHiddenState.set(el, isElementEffectivelyHidden(el));
        });

        function getFieldLabel(el) {
            if (!el) return null;
            const id = el.getAttribute('id');
            if (id) {
                const label = form.querySelector('label[for="' + CSS.escape(id) + '"]');
                if (label && label.textContent) {
                    return label.textContent.replace(/\s+/g, ' ').trim();
                }
            }
            const wrapper = el.closest('.col-12, .col-md-6, .col-xl-3, .mb-3, .mb-4') || el.parentElement;
            if (wrapper) {
                const label = wrapper.querySelector('label.form-label');
                if (label && label.textContent) {
                    return label.textContent.replace(/\s+/g, ' ').trim();
                }
            }
            return null;
        }

        function collectImpactedFields() {
            const candidates = Array.from(form.querySelectorAll('input, select, textarea'));
            const impacted = new Set();

            candidates.forEach((el) => {
                // On ne prend pas les checkboxes de fiscalité elles-mêmes
                if (el.name === 'fiscalites[]') return;

                // On ne prend pas les boutons, submits, etc.
                const tag = el.tagName.toLowerCase();
                if (tag === 'button') return;

                // Valeur présente ?
                let hasValue = false;
                if (el.type === 'checkbox' || el.type === 'radio') {
                    hasValue = !!el.checked;
                } else {
                    hasValue = (el.value ?? '').toString().trim() !== '';
                }

                if (!hasValue) return;

                // Si le champ est caché/disabled, il est candidat à suppression.
                if (!isElementEffectivelyHidden(el)) return;

                // Ne garder que les champs qui sont masqués maintenant, mais ne l'étaient pas au chargement.
                const wasHiddenOnLoad = initialHiddenState.has(el) ? initialHiddenState.get(el) : false;
                if (wasHiddenOnLoad) return;

                impacted.add(el);
            });

            return Array.from(impacted);
        }

        function clearFieldValue(el) {
            if (!el) return;
            if (el.type === 'checkbox' || el.type === 'radio') {
                el.checked = false;
                return;
            }
            if (el.tagName && el.tagName.toLowerCase() === 'select') {
                el.selectedIndex = 0;
                return;
            }
            try {
                el.value = '';
            } catch (e) {
                // ignore
            }
        }

        form.addEventListener('submit', function (e) {
            if (confirmedOnce) {
                return;
            }

            const removed = getRemovedFiscalites();
            const impactedFields = collectImpactedFields();
            if (removed.length === 0 && impactedFields.length === 0) {
                return;
            }

            if (impactedFields.length === 0) {
                // Aucun champ impacté -> pas de confirmation utile
                return;
            }

            const impactedLabels = impactedFields
                .map((el) => getFieldLabel(el))
                .filter((v) => !!v);
            const uniqueLabels = Array.from(new Set(impactedLabels));

            e.preventDefault();
            e.stopPropagation();

            const modalEl = document.getElementById('confirmRemoveLotFiscaliteModal');
            const textEl = document.getElementById('confirmRemoveLotFiscaliteModalText');
            const confirmBtn = document.getElementById('confirmRemoveLotFiscaliteBtn');
            if (!modalEl || !textEl || !confirmBtn || !window.bootstrap || !window.bootstrap.Modal) {
                // Fallback: soumettre sans modal si bootstrap absent
                confirmedOnce = true;
                form.submit();
                return;
            }

            const fieldsText = uniqueLabels.join(', ');
            textEl.textContent = 'Cette action entraînera la suppression des champs suivants : ' + fieldsText + '. Les valeurs renseignées seront supprimées. Êtes-vous sûr de vouloir continuer ?';

            const modal = window.bootstrap.Modal.getOrCreateInstance(modalEl);

            const onConfirm = function () {
                confirmBtn.removeEventListener('click', onConfirm);
                confirmedOnce = true;
                modal.hide();
                impactedFields.forEach(clearFieldValue);
                form.submit();
            };
            confirmBtn.addEventListener('click', onConfirm);

            modal.show();
        });
    });
</script>

@endsection