@extends('layout.layoutAdmin')

@section('title', "Estim'bien - Estimateur de biens immobilier sur Montpellier - liste demande estimation ")

@section('content')
    <section id="estim-section"> 
        <div class="search-div-dashboard">
            <form action="{{ route('dashboard') }}" method="GET" class="search-form">
                <input type="text" name="search" placeholder="Rechercher une demande d'estimation..." value="" style="width: 100%;">
                <button type="submit" style="border-radius: 0;">
                    <!-- Icône SVG de la loupe -->
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                        <path d="M10 2a8 8 0 105.29 14.29l5.39 5.38a1 1 0 001.42-1.42l-5.38-5.39A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z"/>
                    </svg>
                </button>
            </form>
        </div>  
        @if($biensStatut0->isEmpty())
        @else
            <h2 class="titre-estim">Nouvelles demandes d'estimation</h2>
            <div class="estim-list">
                @foreach($biensStatut0 as $bien)
                <a href="{{ route('biens.show', $bien->idBien) }}">
                    <div class="estim-div
                        @if($bien->created_at->diffInHours(now()) > 72) 
                            urgent
                        @elseif($bien->created_at->diffInHours(now()) > 60) 
                            bientot
                        @else
                            intime
                        @endif"
                        data-created="{{ $bien->created_at->diffForHumans() }}"
                        >
                        <div class="estim-infos">
                            <p>{{ $bien->adresse }}</p>
                            <div class="verticale"></div>
                            <p>{{ $bien->typeBien }}</p>
                            <div class="verticale"></div>
                            @if($bien->typeBien == 'maison')
                                <p>T{{ $bien->maisons->nbPieces }}</p> 
                            @elseif($bien->typeBien == 'appartement')
                                <p>T{{ $bien->appartements->nbPieces }}</p> 
                            @endif
                            
                            <div class="verticale"></div>
                            <p>{{ $bien->client->nom }} {{ $bien->client->prenom }}</p>
                            <div class="verticale"></div>
                            <p>{{ $bien->created_at->format('d/m/Y') }}</p>
                        </div>
                    </div>
                </a> 
                @endforeach
            </div>
        @endif

        <!-- Liste des biens avec le statut 1 -->
        <h2 class="titre-estim">Demandes d'estimation en cours</h2>
        @if($biensStatut1->isEmpty())
            <p>Aucune demande d'estimation en cours</p>
        @else
            <div class="estim-list">
                @foreach($biensStatut1 as $bien)
                <a href="{{ route('biens.show', $bien->idBien) }}">
                    <div class="estim-div
                    @if($bien->created_at->diffInHours(now()) > 72) 
                        urgent
                    @elseif($bien->created_at->diffInHours(now()) > 60) 
                        bientot
                    @else
                        intime
                    @endif"
                    data-created="{{ $bien->created_at->diffForHumans() }}"
                    >
                        <div class="estim-infos">
                            <p>{{ $bien->adresse }}</p>
                            <div class="verticale"></div>
                            <p>{{ $bien->typeBien }}</p>
                            <div class="verticale"></div>
                            @if($bien->typeBien == 'maison')
                                <p>T{{ $bien->maisons->nbPieces }}</p> 
                            @elseif($bien->typeBien == 'appartement')
                                <p>T{{ $bien->appartements->nbPieces }}</p> 
                            @endif
                            
                            <div class="verticale"></div>
                            <p>{{ $bien->client->nom }} {{ $bien->client->prenom }}</p>
                            <div class="verticale"></div>
                            <p>{{ $bien->created_at->format('d/m/Y') }}</p>
                        </div>
                    </div>
                </a> 
                @endforeach
            </div>
        @endif

        <h2 class="titre-estim" id="estimations-titre" style="cursor: pointer;">
            Estimations terminées
            <i id="triangle" class="bi bi-caret-down-fill" style="display: inline-block;transform-origin: center;transition: transform 0.3s ease; font-size:24px;"></i>
        </h2>
        <div id="estimations-terminees" style="display: none;">
            @if($biensStatut2->isEmpty())
                <p>Aucune estimation terminée</p>
            @else
                <div class="estim-list"> 
                    @foreach($biensStatut2 as $bien)
                    <a href="{{ route('biens.show', $bien->idBien) }}">
                        <div class="estim-div">
                            <div class="estim-infos">
                                <p>{{ $bien->adresse }}</p>
                                <div class="verticale"></div>
                                <p>{{ $bien->typeBien }}</p>
                                <div class="verticale"></div>
                                @if($bien->typeBien == 'maison')
                                    <p>T{{ $bien->maisons->nbPieces }}</p> 
                                @elseif($bien->typeBien == 'appartement')
                                    <p>T{{ $bien->appartements->nbPieces }}</p> 
                                @endif
                                
                                <div class="verticale"></div>
                                <p>{{ $bien->client->nom }} {{ $bien->client->prenom }}</p>
                                <div class="verticale"></div>
                                <p>{{ $bien->created_at->format('d/m/Y') }}</p>
                            </div>
                        </div>
                    </a> 
                    @endforeach
                </div>
            @endif
        </div>
    </section>
@endsection

@push('scripts')
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const items = document.querySelectorAll(".estim-div");

            items.forEach(item => {
                const date = item.getAttribute("data-created"); // Récupère la date
                if (date) {
                    item.style.setProperty("--date", `"${date}"`); // Définit une variable CSS personnalisée
                }
            });
        });

        document.addEventListener('DOMContentLoaded', function () {
            const titre = document.getElementById('estimations-titre');
            const contenu = document.getElementById('estimations-terminees');
            const triangle = document.getElementById('triangle');

            // Ajout d'un événement au clic sur le titre
            titre.addEventListener('click', function () {
                const isHidden = contenu.style.display === 'none';
                contenu.style.display = isHidden ? 'block' : 'none';

                // Faire pivoter le triangle
                triangle.style.transform = isHidden ? 'rotate(180deg)' : 'rotate(0deg)';
            });
        });
    </script>
@endpush