<?php
/**
 * @var float $todayRevenue
 * @var int $todayAppointments
 * @var int $activeCustomers
 * @var int $lowStockCount
 */
?>
<div class="row g-4 mb-4">
    <div class="col-xl-3 col-md-6">
        <a href="<?= url('invoices') ?>" class="stats-card-link">
            <div class="glass-card stats-card">
                <div class="stats-icon" style="background:rgba(200,164,78,0.15);border-color:rgba(200,164,78,0.3);color:var(--gold-primary);">
                    <i class="fas fa-dollar-sign"></i>
                </div>
                <div class="stats-info">
                    <span class="stats-label">Today's Revenue</span>
                    <span class="stats-value"><?= currency($todayRevenue) ?></span>
                    <span class="stats-trend text-success">
                        <i class="fas fa-arrow-up me-1"></i>Today
                    </span>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-md-6">
        <a href="<?= url('appointments') ?>" class="stats-card-link">
            <div class="glass-card stats-card">
                <div class="stats-icon" style="background:rgba(13,202,240,0.15);border-color:rgba(13,202,240,0.3);color:#0dcaf0;">
                    <i class="fas fa-calendar-check"></i>
                </div>
                <div class="stats-info">
                    <span class="stats-label">Today's Appointments</span>
                    <span class="stats-value"><?= $todayAppointments ?></span>
                    <span class="stats-trend text-info">
                        <i class="fas fa-calendar-day me-1"></i>Scheduled
                    </span>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-md-6">
        <a href="<?= url('customers') ?>" class="stats-card-link">
            <div class="glass-card stats-card">
                <div class="stats-icon" style="background:rgba(25,135,84,0.15);border-color:rgba(25,135,84,0.3);color:#198754;">
                    <i class="fas fa-users"></i>
                </div>
                <div class="stats-info">
                    <span class="stats-label">Active Customers</span>
                    <span class="stats-value"><?= $activeCustomers ?></span>
                    <span class="stats-trend text-success">
                        <i class="fas fa-user-check me-1"></i>Total
                    </span>
                </div>
            </div>
        </a>
    </div>
    <div class="col-xl-3 col-md-6">
        <a href="<?= url('inventory/low-stock') ?>" class="stats-card-link">
            <div class="glass-card stats-card">
                <div class="stats-icon" style="background:rgba(220,53,69,0.15);border-color:rgba(220,53,69,0.3);color:#dc3545;">
                    <i class="fas fa-exclamation-triangle"></i>
                </div>
                <div class="stats-info">
                    <span class="stats-label">Low Stock Items</span>
                    <span class="stats-value"><?= $lowStockCount ?></span>
                    <span class="stats-trend text-danger">
                        <i class="fas fa-box-open me-1"></i>Needs Attention
                    </span>
                </div>
            </div>
        </a>
    </div>
</div>
