@extends('layout.layoutAdmin')

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

@section('content')
    <section id="estim-section">
        <div class="search-div">
            <h2>Contacts</h2>
            <form action="{{ route('contact') }}" method="GET" class="search-form" style="width: 100%;">
                <input type="text" name="search" placeholder="Rechercher un contact..." value="">
                <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($contacts->isEmpty()) 
            <p>Aucun contact n'a été enregistré</p>
        @else
            <div class="estim-list">
                @foreach($contacts as $contact)
                    <a href="{{ route('biens.show', $contact->biensImmo->idBien) }} ">
                        <div class="estim-div">
                            <div class="estim-infos">
                                <p>{{ $contact->genre }} {{ $contact->nom }} {{ $contact->prenom }}</p>
                                <div class="verticale"></div>
                                <p> {{ $contact->telephone }}</p>
                                <div class="verticale"></div>
                                <p> {{ $contact->email }}</p>
                            </div>
                        </div>
                    </a>
                @endforeach
            </div>
        @endif
    </section>
@endsection