@extends('admin.layout')
@section('title', 'Messages')
@section('page-title', 'Contact Messages')

@section('content')
<p class="text-gray-400 text-sm mb-6">{{ $messages->total() }} messages total</p>
@if($messages->count() > 0)
    <div class="space-y-3">
        @foreach($messages as $msg)
            <a href="{{ route('admin.messages.show', $msg) }}" class="block bg-gray-900 border border-gray-800 rounded-2xl p-5 hover:border-gray-700 transition-all {{ !$msg->is_read ? 'border-l-2 border-l-indigo-500' : '' }}">
                <div class="flex items-center justify-between">
                    <div class="flex items-center gap-3">
                        <div class="w-10 h-10 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-xl flex items-center justify-center text-white font-bold text-sm">{{ substr($msg->name,0,1) }}</div>
                        <div>
                            <div class="flex items-center gap-2">
                                <p class="text-sm font-bold text-white">{{ $msg->name }}</p>
                                @if(!$msg->is_read)<span class="w-2 h-2 bg-indigo-500 rounded-full"></span>@endif
                            </div>
                            <p class="text-xs text-gray-500">{{ $msg->email }}</p>
                        </div>
                    </div>
                    <div class="text-right">
                        <p class="text-xs text-gray-500">{{ $msg->created_at->diffForHumans() }}</p>
                    </div>
                </div>
                <p class="text-sm text-gray-400 mt-2 truncate">{{ $msg->subject ? $msg->subject . ' — ' : '' }}{{ Str::limit($msg->message, 100) }}</p>
            </a>
        @endforeach
    </div>
    <div class="mt-4">{{ $messages->links() }}</div>
@else
    @include('admin.partials.empty-state', ['icon' => 'fas fa-envelope', 'title' => 'No Messages', 'description' => 'Messages from your contact form will appear here.'])
@endif
@endsection