<?php
/**
 * @var string $startDate
 * @var string $endDate
 * @var array $employees
 * @var array $employeeList
 * @var int|null $employeeId
 */
?>
<div class="page-title mb-4">
    <h5><i class="fas fa-user-tie me-2 text-gold"></i>Employee Performance Report</h5>
</div>

<div class="glass-card p-3 mb-4">
    <form class="row g-3 align-items-end" method="GET" action="<?= url('reports/employees') ?>">
        <div class="col-md-3">
            <label class="form-label">Start Date</label>
            <input type="date" name="start_date" class="form-control" value="<?= e($startDate) ?>">
        </div>
        <div class="col-md-3">
            <label class="form-label">End Date</label>
            <input type="date" name="end_date" class="form-control" value="<?= e($endDate) ?>">
        </div>
        <div class="col-md-2">
            <label class="form-label">Employee</label>
            <select name="employee_id" class="form-select">
                <option value="">All</option>
                <?php foreach ($employeeList as $emp): ?>
                    <option value="<?= $emp->id ?>" <?= $employeeId == $emp->id ? 'selected' : '' ?>><?= e($emp->first_name . ' ' . $emp->last_name) ?></option>
                <?php endforeach; ?>
            </select>
        </div>
        <div class="col-md-4">
            <button type="submit" class="btn btn-gold"><i class="fas fa-search me-1"></i>Generate</button>
            <a href="<?= url('reports/export/employees?start_date=' . $startDate . '&end_date=' . $endDate . '&employee_id=' . ($employeeId ?? '')) ?>" class="btn btn-outline-gold ms-2">
                <i class="fas fa-download me-1"></i>CSV
            </a>
        </div>
    </form>
</div>

<?php
$totalRevenue = array_sum(array_column($employees, 'total_revenue'));
$totalAppointments = array_sum(array_column($employees, 'total_appointments'));
$totalCommission = array_sum(array_column($employees, 'total_commission'));
?>
<div class="row g-4 mb-4">
    <div class="col-md-3">
        <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">Total Appointments</span>
                <span class="stats-value"><?= $totalAppointments ?></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <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-dollar-sign"></i></div>
            <div class="stats-info">
                <span class="stats-label">Total Revenue</span>
                <span class="stats-value"><?= currency($totalRevenue) ?></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <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-percent"></i></div>
            <div class="stats-info">
                <span class="stats-label">Total Commission</span>
                <span class="stats-value"><?= currency($totalCommission) ?></span>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="glass-card stats-card">
            <div class="stats-icon" style="background:rgba(111,66,193,0.15);border-color:rgba(111,66,193,0.3);color:#6f42c1;"><i class="fas fa-users"></i></div>
            <div class="stats-info">
                <span class="stats-label">Active Employees</span>
                <span class="stats-value"><?= count($employees) ?></span>
            </div>
        </div>
    </div>
</div>

<div class="glass-card p-0">
    <div class="card-header">
        <div class="card-header-left">
            <i class="fas fa-list card-icon"></i>
            <h6 class="card-title">Employee Details</h6>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-dark table-hover mb-0">
            <thead>
                <tr>
                    <th>Employee</th>
                    <th>Email</th>
                    <th class="text-center">Appointments</th>
                    <th class="text-center">Services</th>
                    <th class="text-end">Revenue</th>
                    <th class="text-end">Commission</th>
                    <th class="text-center">Rating</th>
                </tr>
            </thead>
            <tbody>
                <?php if (empty($employees)): ?>
                    <tr><td colspan="7" class="text-center text-muted py-4">No data for this period</td></tr>
                <?php else: ?>
                    <?php foreach ($employees as $emp): ?>
                        <tr>
                            <td><?= e($emp->first_name . ' ' . $emp->last_name) ?></td>
                            <td><?= e($emp->email ?? '-') ?></td>
                            <td class="text-center"><?= $emp->total_appointments ?? 0 ?></td>
                            <td class="text-center"><?= $emp->total_services ?? 0 ?></td>
                            <td class="text-end"><?= currency($emp->total_revenue ?? 0) ?></td>
                            <td class="text-end"><?= currency($emp->total_commission ?? 0) ?></td>
                            <td class="text-center">
                                <?php if (($emp->avg_rating ?? 0) > 0): ?>
                                    <span class="text-gold"><?= number_format($emp->avg_rating, 1) ?> <i class="fas fa-star" style="font-size:12px;"></i></span>
                                <?php else: ?>
                                    <span class="text-muted">-</span>
                                <?php endif; ?>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
</div>
