@extends('layouts.admin')
@section('title','Dashboard')
@section('page-title','Dashboard')
@section('content')
<div class="grid-stats">
    <div class="stat-card"><div class="stat-label">Total Bookings</div><div class="stat-value">{{ $stats['total_bookings'] }}</div><div class="stat-sub">All time</div></div>
    <div class="stat-card"><div class="stat-label">Today's Bookings</div><div class="stat-value">{{ $stats['today_bookings'] }}</div><div class="stat-sub">{{ now()->format('M j') }}</div></div>
    <div class="stat-card"><div class="stat-label">Pending</div><div class="stat-value" style="color:#92400e;">{{ $stats['pending_bookings'] }}</div><div class="stat-sub">Awaiting confirmation</div></div>
    <div class="stat-card"><div class="stat-label">Total Clients</div><div class="stat-value">{{ $stats['total_clients'] }}</div><div class="stat-sub">Registered</div></div>
    <div class="stat-card"><div class="stat-label">Active Staff</div><div class="stat-value">{{ $stats['total_staff'] }}</div><div class="stat-sub">Team members</div></div>
    <div class="stat-card"><div class="stat-label">Total Revenue</div><div class="stat-value" style="font-size:1.4rem;">₵{{ number_format($stats['total_revenue'],2) }}</div><div class="stat-sub">All confirmed payments</div></div>
    <div class="stat-card"><div class="stat-label">This Month</div><div class="stat-value" style="font-size:1.4rem;">₵{{ number_format($stats['month_revenue'],2) }}</div><div class="stat-sub">{{ now()->format('M Y') }}</div></div>
</div>

<div class="grid-2" style="gap:1.5rem;align-items:start;">
    <div class="card">
        <div class="card-header"><span style="font-weight:600;">Recent Bookings</span><a href="{{ route('admin.bookings.index') }}" style="font-size:.8rem;color:#8B3252;">View all</a></div>
        <div style="overflow-x:auto;">
            <table>
                <thead><tr><th>Ref</th><th>Client</th><th>Service</th><th>Date</th><th>Status</th></tr></thead>
                <tbody>
                @foreach($recentBookings as $b)
                <tr>
                    <td style="font-family:monospace;font-size:.8rem;"><a href="{{ route('admin.bookings.show',$b) }}" style="color:#8B3252;">{{ $b->reference_code }}</a></td>
                    <td>{{ $b->client_name }}</td>
                    <td style="font-size:.85rem;">{{ $b->service_name }}</td>
                    <td style="font-size:.85rem;">{{ \Carbon\Carbon::parse($b->appointment_date)->format('M j') }}</td>
                    <td><span class="badge badge-{{ $b->status }}">{{ ucfirst($b->status) }}</span></td>
                </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
    <div>
        <div class="card" style="margin-bottom:1.5rem;">
            <div class="card-header"><span style="font-weight:600;">Popular Services</span></div>
            <div class="card-body" style="padding:.75rem 1.5rem;">
                @foreach($popularServices as $s)
                <div style="display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f0e8e0;">
                    <span style="font-size:.9rem;">{{ $s->name }}</span>
                    <span style="font-size:.8rem;color:#8B3252;font-weight:600;">{{ $s->bookings_count }} bookings</span>
                </div>
                @endforeach
            </div>
        </div>
        <div class="card">
            <div class="card-header"><span style="font-weight:600;">Quick Actions</span></div>
            <div class="card-body" style="display:flex;flex-direction:column;gap:.75rem;">
                <a href="{{ route('admin.bookings.index') }}?status=pending" class="btn btn-primary btn-sm" style="text-align:center;">View Pending Bookings</a>
                <a href="{{ route('admin.services.create') }}" class="btn btn-outline btn-sm" style="text-align:center;">Add New Service</a>
                <a href="{{ route('admin.staff.create') }}" class="btn btn-outline btn-sm" style="text-align:center;">Add Staff Member</a>
                <a href="{{ route('admin.settings.index') }}" class="btn btn-outline btn-sm" style="text-align:center;">Business Settings</a>
            </div>
        </div>
    </div>
</div>

<div class="card" style="margin-top:1.5rem;">
    <div class="card-header"><span style="font-weight:600;">Revenue — Last 6 Months</span></div>
    <div class="card-body" style="overflow-x:auto;">
        <table>
            <thead><tr><th>Month</th><th>Bookings</th><th>Revenue</th></tr></thead>
            <tbody>
            @foreach($revenueData as $r)
            <tr>
                <td>{{ $r['month'] }}</td>
                <td>{{ $r['bookings'] }}</td>
                <td style="font-weight:600;">₵{{ number_format($r['revenue'],2) }}</td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection