@extends('layouts.admin')
@section('title', 'Tableau de bord')
@section('page_title', 'Tableau de bord')

@section('content')

<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-5 mb-8">
    <div class="bg-white rounded-2xl border border-gray-100 p-6">
        <p class="text-3xl font-display font-extrabold text-navy">{{ $stats['services'] }}</p>
        <p class="text-sm text-gray-500 font-bold mt-1">Services publiés</p>
    </div>
    <div class="bg-white rounded-2xl border border-gray-100 p-6">
        <p class="text-3xl font-display font-extrabold text-navy">{{ $stats['portfolio_items'] }}</p>
        <p class="text-sm text-gray-500 font-bold mt-1">Réalisations</p>
    </div>
    <div class="bg-white rounded-2xl border border-gray-100 p-6">
        <p class="text-3xl font-display font-extrabold text-navy">{{ $stats['blog_posts'] }}</p>
        <p class="text-sm text-gray-500 font-bold mt-1">Articles de blog</p>
    </div>
    <div class="bg-white rounded-2xl border border-gray-100 p-6">
        <p class="text-3xl font-display font-extrabold text-navy">{{ $stats['job_offers_open'] }}</p>
        <p class="text-sm text-gray-500 font-bold mt-1">Offres d'emploi ouvertes</p>
    </div>
    <div class="bg-gold rounded-2xl p-6">
        <p class="text-3xl font-display font-extrabold text-navy-dark">{{ $stats['applications_new'] }}</p>
        <p class="text-sm text-navy-dark/70 font-bold mt-1">Nouvelles candidatures</p>
    </div>
    <div class="bg-navy rounded-2xl p-6">
        <p class="text-3xl font-display font-extrabold text-white">{{ $stats['messages_unread'] }}</p>
        <p class="text-sm text-white/60 font-bold mt-1">Messages non lus</p>
    </div>
</div>

<div class="grid lg:grid-cols-2 gap-6">
    <div class="bg-white rounded-2xl border border-gray-100 p-6">
        <div class="flex items-center justify-between mb-4">
            <h3 class="font-display font-bold text-navy-dark">Dernières candidatures</h3>
            <a href="{{ route('admin.applications.index') }}" class="text-xs font-bold text-gold hover:text-gold-dark">Tout voir</a>
        </div>
        @forelse($latestApplications as $application)
            <a href="{{ route('admin.applications.show', $application) }}" class="flex items-center justify-between py-3 border-b border-gray-50 last:border-0">
                <div class="min-w-0">
                    <p class="font-bold text-sm text-navy-dark truncate">{{ $application->full_name }}</p>
                    <p class="text-xs text-gray-400 truncate">{{ $application->jobOffer->title ?? 'Candidature spontanée' }}</p>
                </div>
                <span class="text-[11px] font-bold px-2.5 py-1 rounded-full bg-gray-100 text-gray-500 shrink-0 ml-3">{{ $application->statusLabel() }}</span>
            </a>
        @empty
            <p class="text-sm text-gray-400 py-4">Aucune candidature pour l'instant.</p>
        @endforelse
    </div>

    <div class="bg-white rounded-2xl border border-gray-100 p-6">
        <div class="flex items-center justify-between mb-4">
            <h3 class="font-display font-bold text-navy-dark">Derniers messages</h3>
            <a href="{{ route('admin.messages.index') }}" class="text-xs font-bold text-gold hover:text-gold-dark">Tout voir</a>
        </div>
        @forelse($latestMessages as $message)
            <a href="{{ route('admin.messages.show', $message) }}" class="flex items-center justify-between py-3 border-b border-gray-50 last:border-0">
                <div class="min-w-0">
                    <p class="font-bold text-sm text-navy-dark truncate">{{ $message->name }}</p>
                    <p class="text-xs text-gray-400 truncate">{{ $message->subject ?: $message->message }}</p>
                </div>
                @unless($message->is_read)
                    <span class="w-2 h-2 rounded-full bg-gold shrink-0 ml-3"></span>
                @endunless
            </a>
        @empty
            <p class="text-sm text-gray-400 py-4">Aucun message pour l'instant.</p>
        @endforelse
    </div>
</div>

@endsection