@extends('layouts.app')

@section('header', 'Dashboard')

@section('content')
    <div class="row row-cols-2 row-cols-lg-5 g-3">
        <div class="col">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <p class="text-muted small mb-1">Customers</p>
                    <p class="h4 fw-semibold mb-0">{{ number_format($customerCount) }}</p>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <p class="text-muted small mb-1">Providers</p>
                    <p class="h4 fw-semibold mb-0">{{ number_format($providerCount) }}</p>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <p class="text-muted small mb-1">Pending Verification</p>
                    <p class="h4 fw-semibold text-warning mb-1">{{ number_format($pendingProviderCount) }}</p>
                    <a href="{{ route('admin.providers.index', ['status' => 'pending']) }}" class="small text-decoration-none">Review now &rarr;</a>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <p class="text-muted small mb-1">Total Bookings</p>
                    <p class="h4 fw-semibold mb-0">{{ number_format($bookingCount) }}</p>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="card shadow-sm h-100">
                <div class="card-body">
                    <p class="text-muted small mb-1">Commission Revenue</p>
                    <p class="h4 fw-semibold text-success mb-0">&#8377;{{ number_format($commissionRevenue, 2) }}</p>
                </div>
            </div>
        </div>
    </div>
@endsection