@extends('layouts.app')

@section('content')
    <div class="container" style="margin-bottom: 75px;">

        <a href="{{ route('panel.index') }}">
            <button class="btn-back">
                <svg fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18"></path>
                </svg>
                Volver atrás
            </button>
        </a>

        <div class="titles-section">
            <h1>Todos tus notificaciones</h1>
            <p>Aquí se muestran todas las notificaciones y mensajes</p>
        </div>

        <div class="notificaciones">

            @foreach ($contacts as $contact)
                <div class="notificacion">

                    <div class="terreno_name">Titulo del terreno: {{ $contact->land->title }}</div>

                    <div class="name"><strong>Nombre:</strong> {{ $contact->name }}</div>
                    <br />
                    <div class="email"><strong>Correo:</strong> <a href="mailto:{{ $contact->email }}">{{ $contact->email }}</a></div>
                    <br />
                    <div class="email"><strong>Telefono:</strong> <a href="tel:+{{ $contact->tel }}">{{ $contact->tel }}</a></div>
                    <br />
                    <div class="comentary"><strong>Comentario:</strong> {{ $contact->comentary }}</div>
                    <br />
                    <div class="comentary"><strong>Fecha:</strong> {{ $contact->created_at }}</div>

                    @if ($contact->state)
                    <br />
                        <div class="estado"><strong>Estado:</strong> Leido</div>
                    @else
                        <form action="{{ route('contactos.state', $contact->id) }}" method="post">
                            @csrf
                            @method('PUT')
                            <button>Marcar como leido</button>
                        </form>
                    @endif
                    

                </div>     
            @endforeach

        </div>


        {{ $contacts->links('pagination::bootstrap-5') }}

    </div>
@endsection