gravity/บริหารจัดการงานเปล/views/jobs/staff_summary.php

<?php
// views/jobs/staff_summary.php
require_once 'models/Job.php';

$jobModel = new Job();
$user_id = $_SESSION['user_id'];
$period = $_GET['period'] ?? 'today';

$stats = $jobModel->getStaffStats($user_id, $period);
$history = $jobModel->getStaffHistory($user_id, 50); // Get last 50 jobs

$total_jobs = $stats['total_jobs'] ?? 0;
$completed_jobs = $stats['completed_jobs'] ?? 0;
$cancelled_jobs = $stats['cancelled_jobs'] ?? 0;
$avg_service_time = $stats['avg_service_time'] ? round($stats['avg_service_time']) : 0;
?>

<div class="mb-6 flex justify-between items-end flex-wrap gap-4">
    <div>
        <h2 class="text-2xl font-bold text-slate-800 dark:text-white">สรุปผลงานของฉัน</h2>
        <p class="text-slate-500 dark:text-slate-400">ประวัติการทำงานและสถิติส่วนตัว</p>
    </div>
    <form method="GET" class="flex gap-2">
        <input type="hidden" name="page" value="staff_summary">
        <select name="period" class="glass-input text-sm py-2 px-3" onchange="this.form.submit()">
            <option value="today" <?= $period == 'today' ? 'selected' : '' ?>>วันนี้</option>
            <option value="week" <?= $period == 'week' ? 'selected' : '' ?>>สัปดาห์นี้</option>
            <option value="month" <?= $period == 'month' ? 'selected' : '' ?>>เดือนนี้</option>
        </select>
    </form>
</div>

<div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 mb-8">
    <div class="glass-card p-4 md:p-6 border-l-4 border-blue-500">
        <h6 class="text-xs md:text-sm font-medium text-slate-500 dark:text-slate-400 mb-1">รับงานทั้งหมด</h6>
        <h2 class="text-2xl md:text-3xl font-bold text-slate-800 dark:text-white"><?= $total_jobs ?> <span class="text-base text-slate-500 font-normal">งาน</span></h2>
    </div>
    <div class="glass-card p-4 md:p-6 border-l-4 border-emerald-500">
        <h6 class="text-xs md:text-sm font-medium text-slate-500 dark:text-slate-400 mb-1">สำเร็จ</h6>
        <h2 class="text-2xl md:text-3xl font-bold text-emerald-600 dark:text-emerald-400"><?= $completed_jobs ?> <span class="text-base text-slate-500 font-normal">งาน</span></h2>
    </div>
    <div class="glass-card p-4 md:p-6 border-l-4 border-red-500">
        <h6 class="text-xs md:text-sm font-medium text-slate-500 dark:text-slate-400 mb-1">ยกเลิก/ปฏิเสธ</h6>
        <h2 class="text-2xl md:text-3xl font-bold text-red-600 dark:text-red-400"><?= $cancelled_jobs ?> <span class="text-base text-slate-500 font-normal">งาน</span></h2>
    </div>
    <div class="glass-card p-4 md:p-6 border-l-4 border-purple-500">
        <h6 class="text-xs md:text-sm font-medium text-slate-500 dark:text-slate-400 mb-1">เวลาบริการเฉลี่ย</h6>
        <h2 class="text-2xl md:text-3xl font-bold text-purple-600 dark:text-purple-400"><?= $avg_service_time ?> <span class="text-base text-slate-500 font-normal">นาที</span></h2>
    </div>
</div>

<div class="glass-card overflow-hidden">
    <div class="p-4 md:p-6 border-b border-slate-200 dark:border-slate-700 bg-slate-50/50 dark:bg-slate-800/50 flex justify-between items-center">
        <h3 class="font-bold text-slate-800 dark:text-white">ประวัติงานล่าสุด (50 รายการ)</h3>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-left border-collapse">
            <thead>
                <tr class="bg-slate-100/50 dark:bg-slate-800/50 text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wider">
                    <th class="p-4 font-medium border-b border-slate-200 dark:border-slate-700">เลขที่งาน</th>
                    <th class="p-4 font-medium border-b border-slate-200 dark:border-slate-700">วันที่-เวลา</th>
                    <th class="p-4 font-medium border-b border-slate-200 dark:border-slate-700 hidden md:table-cell">ผู้ป่วย</th>
                    <th class="p-4 font-medium border-b border-slate-200 dark:border-slate-700 hidden sm:table-cell">เส้นทาง</th>
                    <th class="p-4 font-medium border-b border-slate-200 dark:border-slate-700 text-center">สถานะ</th>
                    <th class="p-4 font-medium border-b border-slate-200 dark:border-slate-700 text-center">จัดการ</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-100 dark:divide-slate-800 text-sm">
                <?php if(empty($history)): ?>
                <tr>
                    <td colspan="6" class="p-8 text-center text-slate-500">ยังไม่มีประวัติการรับงาน</td>
                </tr>
                <?php else: ?>
                    <?php foreach($history as $job): ?>
                    <tr class="hover:bg-slate-50 dark:hover:bg-slate-800/50 transition-colors group">
                        <td class="p-4 font-medium text-slate-800 dark:text-slate-200 whitespace-nowrap"><?= $job['job_number'] ?></td>
                        <td class="p-4 text-slate-600 dark:text-slate-400 whitespace-nowrap">
                            <?= date('d/m/Y', strtotime($job['created_at'])) ?><br>
                            <span class="text-xs text-slate-400"><?= date('H:i', strtotime($job['created_at'])) ?> น.</span>
                        </td>
                        <td class="p-4 text-slate-800 dark:text-slate-200 hidden md:table-cell">
                            <?= htmlspecialchars($job['patient_name'] ?: 'ไม่ระบุชื่อ') ?>
                        </td>
                        <td class="p-4 hidden sm:table-cell text-xs">
                            <div class="flex items-center gap-1 text-slate-500 dark:text-slate-400 max-w-[200px]">
                                <span class="truncate"><?= htmlspecialchars($job['from_department_name']) ?></span>
                                <i class="fa-solid fa-arrow-right text-[10px]"></i>
                                <span class="truncate"><?= htmlspecialchars($job['to_department_name'] ?? $job['to_department_custom']) ?></span>
                            </div>
                        </td>
                        <td class="p-4 text-center">
                            <?php if($job['status'] === 'completed'): ?>
                                <span class="bg-green-100 text-green-800 border-green-200 border text-xs font-medium px-2.5 py-0.5 rounded-full whitespace-nowrap"><i class="fa-solid fa-check me-1"></i>สำเร็จ</span>
                            <?php elseif($job['status'] === 'cancelled'): ?>
                                <span class="bg-red-100 text-red-800 border-red-200 border text-xs font-medium px-2.5 py-0.5 rounded-full whitespace-nowrap"><i class="fa-solid fa-times me-1"></i>ยกเลิก</span>
                            <?php endif; ?>
                        </td>
                        <td class="p-4 text-center">
                            <a href="?page=job_detail&id=<?= $job['job_number'] ?>" class="inline-block px-3 py-1.5 bg-blue-50 text-blue-600 hover:bg-blue-100 rounded-lg text-xs font-medium transition-colors">
                                <i class="fa-solid fa-file-lines me-1"></i> รายละเอียด
                            </a>
                        </td>
                    </tr>
                    <?php endforeach; ?>
                <?php endif; ?>
            </tbody>
        </table>
    </div>
</div>