@extends('layout.layoutAdmin')

@section('title', "Estim'bien - Estimateur de biens immobilier sur Montpellier - page Estimation ")

@section('content')
    @if(session('success'))
        <div class="error-style" role="alert">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="error-style" role="alert">
            {{ session('error') }}
        </div>
    @endif
    <section id="estim-section">
        <div class="titre-div-bien">
            <h2 class="titreBien">{{ $bien->appartements->typeAppartement }} - {{ $bien->client->genre }} {{ $bien->client->prenom }} {{ $bien->client->nom }}</h2>
            <h3>{{ $bien->adresse }}</h3>
            
            @if($bien->statut !== 2)
                <p id="lien-modal" >Faire l'estimation <img src="{{ asset('/images/open.svg') }}" alt="redirection"></p>
            @else
                <br>
                <p style="text-decoration: none;">Prix Bas : {{ $bien->prix_bas }} €</p>
                <p style="text-decoration: none;">Prix Moyen : {{ $bien->prix_moyen }} €</p>
                <p style="text-decoration: none;">Prix Haut : {{ $bien->prix_haut }} €</p>
            @endif

        </div>

        <div class="infos-bien">
            <h3 class="titre-parties-infos">Informations sur le bien :</h3>
            <div class="double-wrap">
                <div class="div-wrap">
                    <div class="elements-wrap">
                        <p>Surface Carrez : <b>{{ $bien->appartements->surfaceCarrez }}m²</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Surface Habitable : <b>{{ $bien->appartements->surfaceHabitable }}m²</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Surface Exterieur : <b>{{ $bien->appartements->surfaceExterieur }}m²</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Nombre de Pièces : <b>{{ $bien->appartements->nbPieces }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Nombre de Chambres: <b>{{ $bien->appartements->nbChambres }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Nombre de Salle de bain : <b>{{ $bien->appartements->nbSdb }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Etage du bien : <b>{{ $bien->appartements->etageBien }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Etage de l'immeuble : <b>{{ $bien->appartements->etageImmeuble }}</b></p>
                    </div>
                </div>
                <div class="div-wrap">
                    <div class="elements-wrap">
                        <p>Vue du bien : <b>{{ $bien->appartements->vueBien }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Bruit : <b>{{ $bien->appartements->bruit }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Luminosité : <b>{{ $bien->appartements->luminosité }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>DPE : <b>{{ $bien->appartements->DPE }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Etat d'occupation : <b>{{ $bien->appartements->etatOccupation }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Etat du bien : <b>{{ $bien->appartements->etatBien }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Qualité par rapport aux autres appartement de l'immeuble : <b>{{ $bien->appartements->qualiteRapport }}</b></p>
                    </div>
                    <div class="elements-wrap">
                        <p>Cuisine : <b>{{ $bien->appartements->cuisine }}</b></p>
                    </div>
                </div>
            </div>
        </div>
        <hr> 
        <div class="infos-bien">
            <h3 class="titre-parties-infos">Expositions :</h3>
            <div class="div-wrap">
                @if($bien->expositions)
                    @if($bien->expositions->nord)
                        <div class="elements-wrap">
                            <p><b>Nord</b></p>
                        </div>
                    @endif
                    @if($bien->expositions->nordEst)
                        <div class="elements-wrap">
                            <p><b>Nord-Est</b></p>
                        </div>
                    @endif
                    @if($bien->expositions->est)
                        <div class="elements-wrap">
                            <p><b>Est</b></p>
                        </div>
                    @endif
                    @if($bien->expositions->sudEst)
                        <div class="elements-wrap">
                            <p><b>Sud-Est</b></p>
                        </div>
                    @endif
                    @if($bien->expositions->sud)
                        <div class="elements-wrap">
                            <p><b>Sud</b></p>
                        </div>
                    @endif
                    @if($bien->expositions->sudOuest)
                        <div class="elements-wrap">
                            <p><b>Sud-Ouest</b></p>
                        </div>
                    @endif
                    @if($bien->expositions->ouest)
                        <div class="elements-wrap">
                            <p><b>Ouest</b></p>
                        </div>
                    @endif
                    @if($bien->expositions->nordOuest)
                        <div class="elements-wrap">
                            <p><b>Nord-Ouest</b></p>
                        </div>
                    @endif
                @else
                    <p>Aucune exposition spécifiée pour ce bien.</p>
                @endif
            </div>
        </div>
        <hr>
        <div class="infos-bien">
            <h3 class="titre-parties-infos">Lots Supplémentaires :</h3>
            <div class="div-wrap">
                <div class="elements-wrap">
                    <p> Places de parking : <b>{{ $bien->appartements->lotSupp->nbParking }}</b></p>
                </div>
                @if($bien->appartements->lotSupp->boxe1)
                    <div class="elements-wrap">
                        <p> Boxe 1 : <b>{{ $bien->appartements->lotSupp->boxe1 }}m²</b></p>
                    </div>
                @endif
                @if($bien->appartements->lotSupp->boxe2)
                    <div class="elements-wrap">
                        <p> Boxe 2 : <b>{{ $bien->appartements->lotSupp->boxe2 }}m²</b></p>
                    </div>
                @endif
                @if($bien->appartements->lotSupp->boxe3)
                    <div class="elements-wrap">
                        <p> Boxe 3 : <b>{{ $bien->appartements->lotSupp->boxe3 }}m²</b></p>
                    </div>
                @endif
                @if($bien->appartements->lotSupp->cave1)
                    <div class="elements-wrap">
                        <p> Cave / Cellier 1 : <b>{{ $bien->appartements->lotSupp->cave1 }}m²</b></p>
                    </div>
                @endif
                @if($bien->appartements->lotSupp->cave2)
                    <div class="elements-wrap">
                        <p> Cave / Cellier 2 : <b>{{ $bien->appartements->lotSupp->cave2 }}m²</b></p>
                    </div>
                @endif
                @if($bien->appartements->lotSupp->cave3)
                    <div class="elements-wrap">
                        <p> Cave / Cellier 3 : <b>{{ $bien->appartements->lotSupp->cave3 }}m²</b></p>
                    </div>
                @endif   
            </div>
        </div>
        <hr>
        <div class="infos-bien">
            <h3 class="titre-parties-infos">La Résidence :</h3>
            <div class="div-wrap">
                <div class="elements-wrap">
                    <p> Année Construction : <b>{{ $bien->appartements->anneeConstruction }}</b></p>
                </div>
                <div class="elements-wrap">
                    <p> Standing : <b>{{ $bien->appartements->standing }}</b></p>
                </div>
                <div class="elements-wrap">
                    <p> Commodités et transport : <b>{{ $bien->appartements->commoditésTransport }}</b></p>
                </div>
                <div class="elements-wrap">
                    <p> Ravalement de façade : <b>{{ $bien->appartements->ravalementFacade }}</b></p>
                </div>
                <div class="elements-wrap">
                    <p> Toiture : <b>{{ $bien->appartements->etatToiture }}</b></p>
                </div>
                <div class="elements-wrap">
                    <p> Etat parties communes : <b>{{ $bien->appartements->etatPartiesCommunes }}</b></p>
                </div>
            </div>
            @if($bien->appartements->PartiesCommunes->ascenseur || $bien->appartements->PartiesCommunes->jardin || $bien->appartements->PartiesCommunes->piscine )
                <h4>Parties Communes</h4>
                <div class="div-wrap">
                    @if($bien->appartements->PartiesCommunes->ascenseur)
                        <div class="elements-wrap">
                            <p><b>Acsenseur</b></p>
                        </div>
                    @endif
                    @if($bien->appartements->PartiesCommunes->piscine)
                        <div class="elements-wrap">
                            <p><b>Piscine</b></p>
                        </div>
                    @endif
                    @if($bien->appartements->PartiesCommunes->jardin)
                        <div class="elements-wrap">
                            <p><b>Jardins Communs</b></p>
                        </div>
                    @endif
                    @if($bien->appartements->PartiesCommunes->local_velo)
                        <div class="elements-wrap">
                            <p><b>Local à vélo</b></p>
                        </div>
                    @endif
                    @if($bien->appartements->PartiesCommunes->autre)
                        <div class="elements-wrap">
                            <p><b>{{ $bien->appartements->PartiesCommunes->autre }}</b></p>
                        </div>
                    @endif
                </div>
            @endif
        </div>
        <hr>
        @if($bien->appartements->precisions)
            <div class="infos-bien">
                <h3 class="titre-parties-infos">Précisions :</h3>
                <p class="précisions-texte">
                    {{ $bien->appartements->precisions }}
                </p>
            </div>
            <hr>
        @endif
        <div class="infos-bien">
            <h3 class="titre-parties-infos">Projet de vente :</h3>
            <div class="div-wrap">
                <div class="elements-wrap">
                    <p><b>{{ $bien->appartements->logementVente }}</b></p>
                </div>
                @if($bien->appartements->quandVendre)
                    <div class="elements-wrap">
                        <p><b>{{ $bien->appartements->quandVendre }}</b></p>
                    </div>
                @endif
            </div>
        </div>
        <hr>
        <div class="infos-bien">
            <h3 class="titre-parties-infos">Contact :</h3>
            <div class="div-wrap">
                <div class="elements-wrap">
                    <p><b>{{ $bien->client->genre }} {{ $bien->client->prenom }} {{ $bien->client->nom }}</b></p>
                </div>
                <div class="elements-wrap">
                    <p>Tel : <b>{{ $bien->client->telephone }}</b></p>
                </div>
                <div class="elements-wrap">
                    <p>Email : <b>{{ $bien->client->email }}</b></p>
                </div>
            </div>
        </div>
        <hr>
        <div>
            <form action="{{ route('updateNotes') }}" method="post">
                @csrf
                <h3 class="titre-parties-infos">Notes :</h3>
                <input type="hidden" name="idBien" value="{{ $bien->idBien }}">
                <textarea name="notes" id="notes" cols="30" rows="15">{{ $bien->notes }}</textarea>
                <button type="submit" id="bouton-form" style="width: 270px;">Sauvegarder la note</button>
                
            </form>
            @if($bien->statut !== 2)
                <button id="openDeleteModal" class="bouton-delete" style="margin-top: 5px; float:right;  background-color: #850A1E; color: white; padding: 10px 30px; border-radius: 20px; font-size: 15px; font-weight: 300; width: 280px; display: flex; justify-content: center; gap: 10px; text-decoration: none;margin-bottom: 50px">Supprimer cette estimation</button>
            @endif
           
        </div>

        <div id="deleteBienModal" class="modal">
            <div class="modal-content">
                <span class="close">&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>

        <!-- Modal -->
        <div id="estimationModal" class="modal">
            <div class="modal-content">
                <span class="close">&times;</span>
                <h2 class="modal-titre">Estimation du bien</h2>
                <form action="{{ route('estimation.email') }}" method="POST" id="estimationForm">
                    @csrf
                    <input type="hidden" value="{{ $bien->idBien }}" name="idBien">
                    <label for="prix">Prix bas:</label>
                    <div class="inputPrix">
                        <input type="text" id="prix_bas" name="prix_bas"  required oninput="formatNumberInput(this)">
                        <p>€</p>
                    </div>
                    <label for="prix">Prix moyen:</label>
                    <div class="inputPrix">
                        <input type="text" id="prix_moyen" name="prix_moyen" required oninput="formatNumberInput(this)">
                        <p>€</p>
                    </div>
                    <label for="prix">Prix haut:</label>
                    <div class="inputPrix">
                        <input type="text" id="prix_haut" name="prix_haut" required oninput="formatNumberInput(this)">
                        <p>€</p>
                    </div>
                    <button type="submit">Soumettre l'estimation</button>
                </form>
            </div>
        </div>
    </section>
    <script>
        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";
        });

        window.onclick = function(event) {
            const modal = document.getElementById("deleteBienModal");
            if (event.target === modal) {
                modal.style.display = "none";
            }
        };
    </script>

@endsection