@extends('layouts.admin')
@section('title', 'Messages de contact')
@section('page_title', 'Messages de contact')

@section('content')

<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden">
    @forelse($messages as $message)
        <a href="{{ route('admin.messages.show', $message) }}" class="flex items-center justify-between gap-4 px-5 py-4 border-b border-gray-50 last:border-0 hover:bg-gray-50 transition-colors">
            <div class="flex items-center gap-3 min-w-0">
                @unless($message->is_read)
                    <span class="w-2 h-2 rounded-full bg-gold shrink-0"></span>
                @endunless
                <div class="min-w-0">
                    <p class="font-bold text-sm text-navy-dark truncate {{ $message->is_read ? '' : 'font-extrabold' }}">{{ $message->name }}</p>
                    <p class="text-xs text-gray-400 truncate">{{ $message->subject ?: Str::limit($message->message, 60) }}</p>
                </div>
            </div>
            <span class="text-xs text-gray-400 shrink-0">{{ $message->created_at->format('d/m/Y') }}</span>
        </a>
    @empty
        <p class="text-center text-gray-400 py-10">Aucun message pour l'instant.</p>
    @endforelse
</div>

<div class="mt-6">{{ $messages->links() }}</div>

@endsection