@extends('admin.layouts.admin')

@section('title', 'Dashboard')

@section('content')

    <h1 class="text-lg font-semibold text-brand-ink lg:text-2xl lg:font-extrabold">Dashboard</h1>
    <p class="mt-1 text-brand-ink/65">A quick overview of your website content.</p>

    <div class="mt-8 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5">
        @foreach ([
            ['label' => 'Categories', 'value' => $stats['categories'], 'route' => 'admin.categories.index'],
            ['label' => 'Products', 'value' => $stats['products'], 'route' => 'admin.products.index'],
            ['label' => 'Articles', 'value' => $stats['articles'], 'route' => 'admin.articles.index'],
            ['label' => 'Testimonials', 'value' => $stats['testimonials'], 'route' => 'admin.testimonials.index'],
            ['label' => 'Unread Messages', 'value' => $stats['unread_messages'], 'route' => 'admin.messages.index'],
        ] as $stat)
            <a href="{{ route($stat['route']) }}" class="card border border-brand-green-200 p-5">
                <p class="text-3xl font-extrabold text-brand-green-800">{{ $stat['value'] }}</p>
                <p class="mt-1 text-sm font-semibold text-brand-ink/65">{{ $stat['label'] }}</p>
            </a>
        @endforeach
    </div>

    <div class="mt-10 card p-6">
        <div class="flex items-center justify-between">
            <h2 class="text-lg font-bold text-brand-ink">Recent Messages</h2>
            <a href="{{ route('admin.messages.index') }}" class="text-sm font-semibold text-brand-green-800 hover:underline">View all</a>
        </div>
        <div class="mt-4 divide-y divide-brand-green-200">
            @forelse ($recentMessages as $message)
                <a href="{{ route('admin.messages.show', $message) }}" class="flex items-center justify-between py-3">
                    <div>
                        <p class="text-sm font-semibold text-brand-ink {{ $message->is_read ? '' : 'text-brand-green-800' }}">{{ $message->name }}</p>
                        <p class="text-xs text-brand-ink/65">{{ $message->subject ?: \Illuminate\Support\Str::limit($message->message, 60) }}</p>
                    </div>
                    <span class="text-xs text-brand-ink/65">{{ $message->created_at->diffForHumans() }}</span>
                </a>
            @empty
                <p class="py-3 text-sm text-brand-ink/65">No messages yet.</p>
            @endforelse
        </div>
    </div>

@endsection