@extends('layouts.admin')
@section('title','Dashboard')
@section('content')

{{-- Stats Grid --}}
<div class="grid grid-cols-2 lg:grid-cols-4 gap-5 mb-8">
    @foreach([
        ['Total Reservations', $stats['total_reservations'], 'fas fa-calendar-check', 'text-gold', 'from-gold/20 to-bo/10'],
        ['Pending',            $stats['pending_reservations'], 'fas fa-clock', 'text-yellow-400', 'from-yellow-500/20 to-yellow-600/10'],
        ['Today\'s Bookings', $stats['today_reservations'],   'fas fa-calendar-day', 'text-blue-400', 'from-blue-500/20 to-blue-600/10'],
        ['Subscribers',       $stats['total_subscribers'],    'fas fa-envelope', 'text-green-400', 'from-green-500/20 to-green-600/10'],
        ['Food Items',        $stats['total_food_items'],     'fas fa-utensils', 'text-purple-400', 'from-purple-500/20 to-purple-600/10'],
        ['Unread Messages',   $stats['unread_contacts'],      'fas fa-inbox', 'text-orange-400', 'from-orange-500/20 to-orange-600/10'],
        ['Pending Reviews',   $stats['pending_reviews'],      'fas fa-star-half-alt','text-pink-400','from-pink-500/20 to-pink-600/10'],
        ['Active Branches',   $stats['active_branches'],      'fas fa-store', 'text-teal-400', 'from-teal-500/20 to-teal-600/10'],
    ] as [$label,$value,$icon,$color,$gradient])
    <div class="stat-card bg-gradient-to-br {{ $gradient }}">
        <div class="flex items-center justify-between mb-3">
            <div class="w-10 h-10 rounded-xl bg-white/5 flex items-center justify-center">
                <i class="{{ $icon }} {{ $color }}"></i>
            </div>
        </div>
        <div class="font-playfair text-3xl font-bold text-cream mb-1">{{ number_format($value) }}</div>
        <div class="text-cream/50 text-xs">{{ $label }}</div>
    </div>
    @endforeach
</div>

<div class="grid lg:grid-cols-3 gap-6">
    {{-- Recent Reservations --}}
    <div class="lg:col-span-2 admin-card p-6">
        <div class="flex items-center justify-between mb-5">
            <h3 class="font-playfair text-cream text-lg font-semibold">Recent Reservations</h3>
            <a href="{{ route('admin.reservations.index') }}" class="text-gold text-xs hover:underline">View All</a>
        </div>
        <div class="overflow-x-auto">
            <table>
                <thead>
                    <tr>
                        <th>Reference</th>
                        <th>Customer</th>
                        <th>Date</th>
                        <th>Guests</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($recentReservations as $r)
                    <tr>
                        <td class="font-mono text-xs text-gold">{{ $r->reservation_number }}</td>
                        <td>
                            <div class="font-medium text-cream text-sm">{{ $r->customer_name }}</div>
                            <div class="text-cream/40 text-xs">{{ $r->customer_phone }}</div>
                        </td>
                        <td class="text-sm">
                            {{ $r->reservation_date->format('M d, Y') }}<br>
                            <span class="text-cream/50 text-xs">{{ $r->reservation_time }}</span>
                        </td>
                        <td class="text-sm">{{ $r->guest_count }}</td>
                        <td>
                            <span class="badge badge-{{ $r->status_color }}">{{ $r->status_label }}</span>
                        </td>
                        <td>
                            <a href="{{ route('admin.reservations.show', $r) }}" class="text-gold/70 hover:text-gold text-xs"><i class="fas fa-eye"></i></a>
                        </td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center text-cream/40 py-8">No reservations yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- Quick Actions --}}
    <div class="admin-card p-6">
        <h3 class="font-playfair text-cream text-lg font-semibold mb-5">Quick Actions</h3>
        <div class="space-y-3">
            @foreach([
                ['Add Food Item', 'admin.food-items.create', 'fas fa-plus-circle', 'text-gold'],
                ['Add Category', 'admin.categories.index', 'fas fa-tag', 'text-green-400'],
                ['Upload Gallery', 'admin.gallery.index', 'fas fa-image', 'text-blue-400'],
                ['Write Blog', 'admin.blogs.create', 'fas fa-pen', 'text-purple-400'],
                ['Add Branch', 'admin.branches.create', 'fas fa-store', 'text-teal-400'],
                ['SEO Settings', 'admin.settings.seo', 'fas fa-search', 'text-orange-400'],
            ] as [$label,$route,$icon,$color])
            <a href="{{ route($route) }}" class="flex items-center gap-3 p-3 rounded-xl hover:bg-white/5 transition-colors group">
                <div class="w-8 h-8 rounded-lg bg-white/5 flex items-center justify-center">
                    <i class="{{ $icon }} {{ $color }} text-sm"></i>
                </div>
                <span class="text-cream/70 text-sm group-hover:text-cream transition-colors">{{ $label }}</span>
                <i class="fas fa-chevron-right text-cream/20 text-xs ml-auto"></i>
            </a>
            @endforeach
        </div>
    </div>
</div>
@endsection