@extends('layout.layoutAdmin')

@section('content')
<div class="estimation-details container my-4">

    <div class="row g-4">

    @if($bien->prix_bas && $bien->prix_moyen && $bien->prix_haut)
            {{-- Affichage clair que l'estimation existe (lecture seule) --}}
            <div class="col-md-12">
                <div class="card shadow-sm border-0 estimation-result">
                    <div class="card-body">
                        <div class="d-flex flex-column flex-md-row justify-content-between">
                            <div>
                                <span class="badge bg-success mb-2">Estimation finie</span>
                                <p class="text-muted mb-1">
                                    Bas : <strong>{{ number_format($bien->prix_bas ?? 0, 0, ',', ' ') }} €</strong>
                                    — Moyen : <strong>{{ number_format($bien->prix_moyen ?? 0, 0, ',', ' ') }} €</strong>
                                    — Haut : <strong>{{ number_format($bien->prix_haut ?? 0, 0, ',', ' ') }} €</strong>
                                </p>
                                <p class="small text-muted mb-0">
                                    Envoyée le
                                    {{ $bien->estimation_sent_at ? $bien->estimation_sent_at->format('d/m/Y H:i') : $bien->updated_at->format('d/m/Y H:i') }}
                                    @if(!empty($bien->estimation_sent_by))
                                        par {{ optional($bien->estimationSender)->name ?? '—' }}
                                    @endif
                                </p>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        @endif

        {{-- SECTION CLIENT --}}
        <div class="col-md-8">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="card-title"><i class="fas fa-user"></i> Informations du client</h2>
                    <div class="row">
                        <div class="col-6 mb-3">
                            <p class="text-muted mb-1">Nom</p>
                            <p>{{ $bien->client->nom }} {{ $bien->client->prenom }}</p>
                        </div>
                        <div class="col-6 mb-3">
                            <p class="text-muted mb-1">Date de création</p>
                            <p><i class="fas fa-calendar-alt me-2 text-muted"></i>{{ $bien->created_at->format('d/m/Y') }}</p>
                        </div>
                        <div class="col-6 mb-3">
                            <p class="text-muted mb-1">Email</p>
                            <p><i class="fas fa-envelope me-2 text-muted"></i>{{ $bien->client->email }}</p>
                        </div>
                        <div class="col-6 mb-3">
                            <p class="text-muted mb-1">Téléphone</p>
                            <p><i class="fas fa-phone me-2 text-muted"></i>{{ $bien->client->telephone }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{-- CLASSIFICATION --}}
        <div class="col-md-4">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="card-title">Classification du bien</h2>
                    <div class="mb-3">
                        <p class="text-muted mb-1">Classification actuelle</p>
                        @if($bien->classification)
                            <p>{{ $bien->classification->nom }}</p>
                        @else
                            <p>Aucune classification définie</p>
                        @endif
                    </div>
                    <form action="{{ route('biens.updateClassification', $bien->idBien) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <select name="classification_id" class="form-select" style="font-size: 0.8rem !important;" required>
                            <option value="">-- Sélectionner une classification --</option>
                            @foreach($classifications as $classification)
                                <option value="{{ $classification->id }}" {{ $bien->classification_id === $classification->id ? 'selected' : '' }}>
                                    {{ $classification->nom }}
                                </option>
                            @endforeach
                        </select>

                        <button type="submit" class="btn btn-primary mt-3">
                            <i class="fas fa-save"></i> Mettre à jour
                        </button>
                    </form>


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

        @if($bien->typeBien === 'appartement' && $bien->appartements)
        <div class="col-md-4">
            <div class="card h-100 mb-3">
                <div class="card-body">
                    <h2 class="card-title"><i class="fas fa-ruler-combined"></i> Appartement - Surfaces</h2>
                    <div class="mb-3">
                        <p class="text-muted mb-1">Surface Carrez</p>
                        <p>{{ $bien->appartements->surfaceCarrez }} m²</p>
                    </div>
                    <div class="mb-3">
                        <p class="text-muted mb-1">Surface habitable</p>
                        <p>{{ $bien->appartements->surfaceHabitable }} m²</p>
                    </div>
                    <div class="mb-3">
                        <p class="text-muted mb-1">Surface extérieur</p>
                        <p>{{ $bien->appartements->surfaceExterieur }} m²</p>
                    </div>
                </div>
            </div>
        </div>
        @endif

        {{-- SECTION BIEN --}}
        <div class="col-md-8">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="card-title"><i class="fas fa-home"></i> Informations générales du bien</h2>
                    <div class="row">
                        <div class="col-12 mb-3">
                            <p class="text-muted mb-1">Adresse</p>
                            <p>{{ $bien->adresse }}</p>
                        </div>
                        <div class="col-12 mb-3">
                            <p class="text-muted mb-1">Type</p>
                            <p>{{ ucfirst($bien->typeBien) }}</p>
                        </div>
                        @if($bien->prix_bas || $bien->prix_moyen || $bien->prix_haut)
                            <div class="col-4 mb-3">
                                <p class="text-muted mb-1">Prix bas</p>
                                <p>{{ number_format($bien->prix_bas, 0, ',', ' ') }} €</p>
                            </div>
                            <div class="col-4 mb-3">
                                <p class="text-muted mb-1">Prix moyen</p>
                                <p>{{ number_format($bien->prix_moyen, 0, ',', ' ') }} €</p>
                            </div>
                            <div class="col-4 mb-3">
                                <p class="text-muted mb-1">Prix haut</p>
                                <p>{{ number_format($bien->prix_haut, 0, ',', ' ') }} €</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>



        

        {{-- SECTION SPÉCIFIQUE APPARTEMENT --}}
        @if($bien->typeBien === 'appartement' && $bien->appartements)

        <div class="col-md-12">
            <div class="card h-100 mb-3">
                <div class="card-body">
                    <h2 class="card-title"><i class="fas fa-ustensils"></i> Appartement - Général</h2>
                    <div class="row">
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Type appartement</p>
                            <p>{{ $bien->appartements->typeAppartement }}</p>
                        </div>
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Nombre de pièces</p>
                            <p>{{ $bien->appartements->nbPieces }}</p>
                        </div>
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Nombre de chambres</p>
                            <p>{{ $bien->appartements->nbChambres }}</p>
                        </div>
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Salles de bains</p>
                            <p>{{ $bien->appartements->nbSdb }}</p>
                        </div>
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Étage du bien</p>
                            <p>{{ $bien->appartements->etageBien }}</p>
                        </div>
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Étage de l'immeuble</p>
                            <p>{{ $bien->appartements->etageImmeuble }}</p>
                        </div>
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Vue</p>
                            <p>{{ $bien->appartements->vueBien }}</p>
                        </div>
                        <div class="mb-3 col-md-4">
                            <p class="text-muted mb-1">Cuisine</p>
                            <p>{{ $bien->appartements->cuisine }}</p>
                        </div>
                       <div class="infos col-md-4">
                        <p class="text-muted mb-1">Expositions</p>
                        <p class="info-content">
                            @php
                                $labels = [
                                    'nord' => 'Nord',
                                    'nordEst' => 'Nord-Est',
                                    'est' => 'Est',
                                    'sudEst' => 'Sud-Est',
                                    'sud' => 'Sud',
                                    'sudOuest' => 'Sud-Ouest',
                                    'ouest' => 'Ouest',
                                    'nordOuest' => 'Nord-Ouest',
                                ];
                            @endphp

                            @foreach($labels as $field => $label)
                                @if($bien->expositions && $bien->expositions->$field == 1)
                                    <span class="badge me-1" style="background-color: var(--primary-color);">{{ $label }}</span>
                                @endif
                            @endforeach

                            @if(!$bien->expositions || collect($labels)->filter(fn($l, $f) => $bien->expositions->$f == 1)->isEmpty())
                                N/A
                            @endif
                        </p>
                    </div>

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

       @endif



       @if($bien->typeBien === 'appartement' && $bien->appartements)

        <div class="col-md-12">
            <div class="card h-100 mb-3">
                <div class="card-body">
                    <h2 class="card-title"><i class="fas fa-info-circle"></i> Appartement - État & Qualité</h2>
                    <div class="row">
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Bruit</p><p>{{ $bien->appartements->bruit }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Luminosité</p><p>{{ $bien->appartements->luminosité }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">DPE</p><p>{{ $bien->appartements->DPE }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">État d'occupation</p><p>{{ $bien->appartements->etatOccupation }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">État du bien</p><p>{{ $bien->appartements->etatBien }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Qualité rapport</p><p>{{ $bien->appartements->qualiteRapport }}</p></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="card h-100 mb-3">
                <div class="card-body">
                    <h2 class="card-title"><i class="fas fa-building"></i> Appartement - immeuble</h2>
                    <div class="row">
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Année construction</p><p>{{ $bien->appartements->anneeConstruction }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Standing</p><p>{{ $bien->appartements->standing }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Ravalement façade</p><p>{{ $bien->appartements->ravalementFacade }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">État toiture</p><p>{{ $bien->appartements->etatToiture }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">État parties communes</p><p>{{ $bien->appartements->etatPartiesCommunes }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Commodités transport</p><p>{{ $bien->appartements->commoditésTransport }}</p></div>
                        @if($bien->appartements->precisions)
                            <div class="mb-3 col-md-12"><p class="text-muted mb-1">Précisions</p><p>{{ $bien->appartements->precisions }}</p></div>
                        @endif
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Logement vente</p><p>{{ $bien->appartements->logementVente }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Quand vendre</p><p>{{ $bien->appartements->quandVendre }}</p></div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        {{-- SECTION SPÉCIFIQUE MAISON --}}
        @if($bien->typeBien === 'maison' && $bien->maisons)
        <div class="col-md-12">
            <div class="card h-100 mb-3">
                <div class="card-body">
                    <h2 class="card-title"><i class="fas fa-home"></i> Maison - Général</h2>
                    <div class="row">
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Type maison</p><p>{{ $bien->maisons->typeMaison }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Autre type</p><p>{{ $bien->maisons->autreType }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Nombre de pièces</p><p>{{ $bien->maisons->nbPieces }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Nombre de chambres</p><p>{{ $bien->maisons->nbChambres }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Salles de bains</p><p>{{ $bien->maisons->nbSdb }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Vue</p><p>{{ $bien->maisons->vueBien }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Terrain</p><p>{{ $bien->maisons->terrain }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Piscine</p><p>{{ $bien->maisons->piscine }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Année construction</p><p>{{ $bien->maisons->anneeConstruction }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Standing</p><p>{{ $bien->maisons->standing }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Ravalement façade</p><p>{{ $bien->maisons->ravalementFacade }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">État toiture</p><p>{{ $bien->maisons->etatToiture }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">État parties communes</p><p>{{ $bien->maisons->etatPartiesCommunes }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Commodités transport</p><p>{{ $bien->maisons->commoditesTransport }}</p></div>
                        <div class="mb-3 col-md-12"><p class="text-muted mb-1">Précisions</p><p>{{ $bien->maisons->precisions }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Logement vente</p><p>{{ $bien->maisons->logementVente }}</p></div>
                        <div class="mb-3 col-md-4"><p class="text-muted mb-1">Quand vendre</p><p>{{ $bien->maisons->quandVendre }}</p></div>
                    </div>
                </div>
            </div>
        </div>
        @endif

        {{-- Éléments spécifiques aux appartements --}}
        @if($bien->appartements->count())
            <div class="col-md-12">
                <div class="card h-100 mb-3">
                    <div class="card-body">
                        <h2 class="card-title"><i class="fas fa-building"></i> Appartement - Lot Supplémentaires</h2>
                        <div class="row g-4">
                            @if($bien->appartements->lotSupp)
                                {{-- Parkings --}}
                                @if($bien->appartements->lotSupp->nbParking > 0)
                                    <div class="col-md-3">
                                        <p class="text-muted mb-1">Parkings</p>
                                        <p>{{ $bien->appartements->lotSupp->nbParking }}</p>
                                    </div>
                                @endif

                                {{-- Box --}}
                                @foreach(['boxe1', 'boxe2', 'boxe3'] as $box)
                                    @if(!empty($bien->appartements->lotSupp->$box))
                                        <div class="col-md-3">
                                            <p class="text-muted mb-1">{{ ucfirst($box) }}</p>
                                            <p>{{ $bien->appartements->lotSupp->$box }} m²</p>
                                        </div>
                                    @endif
                                @endforeach

                                {{-- Caves --}}
                                @foreach(['cave1', 'cave2', 'cave3'] as $cave)
                                    @if(!empty($bien->appartements->lotSupp->$cave))
                                        <div class="col-md-3">
                                            <p class="text-muted mb-1">{{ ucfirst($cave) }}</p>
                                            <p>{{ $bien->appartements->lotSupp->$cave }} m²</p>
                                        </div>
                                    @endif
                                @endforeach
                            @else
                                <div class="col-12">
                                    <p class="text-muted mb-0">Aucun lot supplémentaire</p>
                                </div>
                            @endif
                        </div>

                        
                    </div>
                </div>
            </div>
            {{-- Parties communes --}}
            @if($bien->appartements->PartiesCommunes)
            <div class="col-md-12">
                <div class="card h-100 mb-3">
                    <div class="card-body">
                        <h2 class="card-title"><i class="fas fa-door-open"></i> Parties Communes</h2>
                        <div class="row" style="row-gap: 20px;">
                            <div class="col-md-6 infos">
                                <p class="text-muted mb-1">Ascenseur</p>
                                <p class="info-content">{{ $bien->appartements->PartiesCommunes->ascenseur ? 'Oui' : 'Non' }}</p>
                            </div>
                            <div class="col-md-6 infos">
                                <p class="text-muted mb-1">Jardin</p>
                                <p class="info-content">{{ $bien->appartements->PartiesCommunes->jardin ? 'Oui' : 'Non' }}</p>
                            </div>
                            <div class="col-md-6 infos">
                                <p class="text-muted mb-1">Piscine</p>
                                <p class="info-content">{{ $bien->appartements->PartiesCommunes->piscine ? 'Oui' : 'Non' }}</p>
                            </div>
                            <div class="col-md-6 infos">
                                <p class="text-muted mb-1">Local à vélos</p>
                                <p class="info-content">{{ $bien->appartements->PartiesCommunes->local_velo ? 'Oui' : 'Non' }}</p>
                            </div>
                            @if($bien->appartements->PartiesCommunes->autre)
                                <div class="col-md-6 infos">
                                    <p class="text-muted mb-1">Autre</p>
                                    <p class="info-content">{{ $bien->appartements->PartiesCommunes->autre }}</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endif

        @endif


        {{-- Éléments spécifiques aux maisons --}}
        @if($bien->maisons)
            @foreach($bien->maisons as $maison)
                <div class="card h-100 mb-3">
                    <div class="card-body">
                        <h2 class="card-title"><i class="fas fa-home"></i> Maison - Éléments supplémentaires</h2>
                        @if($maison->elementsSupp->count())
                            <div class="row" style="row-gap: 20px;">
                                @foreach($maison->elementsSupp as $element)
                                    <div class="col-md-6 infos">
                                        <p class="text-muted mb-1">{{ $element->nom }}</p>
                                        <p class="info-content">{{ $element->pivot->valeur ?? 'N/A' }}</p>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <p>Aucun élément supplémentaire</p>
                        @endif

                        <h2 class="card-title mt-4"><i class="fas fa-tree"></i> Extérieur</h2>
                        @if($maison->exterieur->count())
                            <div class="row" style="row-gap: 20px;">
                                @foreach($maison->exterieur as $ext)
                                    <div class="col-md-6 infos">
                                        <p class="text-muted mb-1">{{ $ext->nom }}</p>
                                        <p class="info-content">{{ $ext->pivot->valeur ?? 'N/A' }}</p>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <p>Aucun élément extérieur</p>
                        @endif
                    </div>
                </div>
            @endforeach
        @endif

        <div class="notes-card card">
            <form action="{{ route('updateNotes') }}" method="post">
                @csrf
                <h2 class="card-title">Notes :</h2>
                <input type="hidden" name="idBien" value="{{ $bien->idBien }}">
                <textarea name="notes" id="notes" rows="10">{{ $bien->notes }}</textarea>

                <div class="notes-actions">
                    <button type="submit" class="btn btn-primary mt-3">
                        <i class="fas fa-save"></i> Sauvegarder les notes
                    </button>

                    <button type="button" id="openDeleteModal" class=" btn btn-primary mt-3"> <i class="fas fa-trash"></i> Supprimer cette estimation</button>

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

        <!-- Modal de confirmation -->
        <div id="deleteBienModal" class="modal" style="display:none;">
            <div class="modal-content">
                <span class="close" style="cursor:pointer;float:right;font-size:20px;">&times;</span>
                <h2>Confirmation de suppression</h2>
                <p>Êtes-vous sûr de vouloir supprimer cette estimation ? Cette action est irréversible.</p>
                <form action="{{ route('biens.delete', $bien->idBien) }}" method="POST">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-danger">Oui, supprimer</button>
                    <button type="button" class="btn btn-secondary" id="cancelDelete">Annuler</button>
                </form>
            </div>
        </div>

        {{-- Remplace ton ancienne condition par celle-ci --}}
        @if(empty($bien->prix_bas) && empty($bien->prix_moyen) && empty($bien->prix_haut))
            {{-- Formulaire (inchangé ou ta version stylée) --}}
            <div class="col-md-12">
                <div class="card shadow-sm border-0 estimation-form">
                    <div class="card-body">
                        <h2 class="card-title mb-4 fw-semibold text-dark">
                            <i class="fas fa-calculator me-2" style="color: var(--primary-color);"></i>
                            Estimation du bien
                        </h2>
                        <form action="{{ route('estimation.email') }}" method="POST" id="estimationForm">
                            @csrf
                            <input type="hidden" value="{{ $bien->idBien }}" name="idBien">
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label for="prix_bas" class="form-label fw-bold">Prix bas</label>
                                    <div class="input-wrapper">
                                        <input type="text" id="prix_bas" name="prix_bas" class="form-control" required oninput="formatNumberInput(this)">
                                        <span class="currency-symbol">€</span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <label for="prix_moyen" class="form-label fw-bold">Prix moyen</label>
                                    <div class="input-wrapper">
                                        <input type="text" id="prix_moyen" name="prix_moyen" class="form-control" required oninput="formatNumberInput(this)">
                                        <span class="currency-symbol">€</span>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <label for="prix_haut" class="form-label fw-bold">Prix haut</label>
                                    <div class="input-wrapper">
                                        <input type="text" id="prix_haut" name="prix_haut" class="form-control" required oninput="formatNumberInput(this)">
                                        <span class="currency-symbol">€</span>
                                    </div>
                                </div>
                            </div>
                            <div class="text-end mt-4">
                                <button type="submit" class="btn btn-primary px-4">
                                    <i class="fas fa-paper-plane me-2"></i>Soumettre l'estimation
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        @endif



    </div>

</div>

<script defer>
    // Fonction pour formater les nombres avec des espaces
    function formatNumberInput(input) {
        const rawValue = input.value.replace(/\s+/g, ''); // Supprimer les espaces
        if (isNaN(rawValue)) return; // Vérifier si c'est un nombre
        const formattedValue = Number(rawValue).toLocaleString('fr-FR'); // Ajouter les espaces
        input.value = formattedValue;
    }

    // Fonction pour supprimer les espaces avant soumission
    document.getElementById('estimationForm').addEventListener('submit', function(event) {
        const inputs = this.querySelectorAll('input[type="text"]');
        inputs.forEach(input => {
            input.value = input.value.replace(/\s+/g, ''); // Supprimer tous les espaces
        });
    });

    // toggle des détails
    document.addEventListener('DOMContentLoaded', function() {
        const toggle = document.getElementById('toggleEstimationDetails');
        if (toggle) {
            toggle.addEventListener('click', function(e) {
                e.preventDefault();
                const d = document.getElementById('estimationDetails');
                if (!d) return;
                const visible = d.style.display !== 'none';
                d.style.display = visible ? 'none' : 'block';
                toggle.textContent = visible ? 'Voir les détails' : 'Masquer les détails';
            });
        }

        const btnRequestEdit = document.getElementById('btn-request-edit');
        if (btnRequestEdit) {
            btnRequestEdit.addEventListener('click', function(e) {
                e.preventDefault();
                // simple confirmation — tu peux remplacer par modal + AJAX POST route
                if (confirm('Envoyer une demande de modification pour cette estimation ?')) {
                    // fallback : rediriger vers une route qui crée la demande, ou faire un fetch POST.
                    // Exemple : window.location.href = '/admin/biens/{{ $bien->idBien }}/demander-modif';
                    alert('Demande envoyée (à implémenter côté serveur).');
                }
            });
        }
    });

    document.getElementById('openDeleteModal')?.addEventListener('click', function() {
        document.getElementById('deleteBienModal').style.display = 'block';
    });
    document.querySelector('#deleteBienModal .close')?.addEventListener('click', function() {
        document.getElementById('deleteBienModal').style.display = 'none';
    });
    document.getElementById('cancelDelete')?.addEventListener('click', function() {
        document.getElementById('deleteBienModal').style.display = 'none';
    });
</script>
@endsection