@extends('layouts.app')

@section('content')
<div class="container">
    <h2 class="text-2xl font-bold mb-4">Mensajes recibidos</h2>
    <table class="table-auto w-full border">
        <thead>
            <tr>
                <th class="border p-2">Nombre</th>
                <th class="border p-2">Tipo</th>
                <th class="border p-2">Email</th>
                <th class="border p-2">Mensaje</th>
                <th class="border p-2">Fecha</th>
            </tr>
        </thead>
        <tbody>
            @foreach($contactos as $c)
            <tr>
                <td class="border p-2">{{ $c->nombre }}</td>
                <td class="border p-2">{{ ucfirst($c->tipo_usuario) }}</td>
                <td class="border p-2">{{ $c->email }}</td>
                <td class="border p-2">{{ $c->mensaje }}</td>
                <td class="border p-2">{{ $c->created_at->format('d/m/Y H:i') }}</td>
            </tr>
            @endforeach
        </tbody>
    </table>

    {{ $contactos->links() }}
</div>
@endsection