File: /var/www/w230/html/attendance/attendance_report.php
<?php
include 'db.php';
session_start();
$teacher_id = $_SESSION["teacher_id"];
$full_name = $_SESSION["full_name"];
$role = $_SESSION["role"];
//echo"$teacher_id";
// รับค่าจากฟอร์ม
$view_type = $_GET['view_type'] ?? 'daily';
$class_level = $_GET['class_level'] ?? '';
$start_date = $_GET['start_date'] ?? date('Y-m-d'); //สามารถกำนดวันได้หาก fix วันเรื่มต้นเอง เช่น date('Y-m-01');
$end_date = $_GET['end_date'] ?? date('Y-m-d');
// สร้างเงื่อนไข SQL ตามช่วงเวลาและชั้นเรียน
$where = "WHERE attendance.date BETWEEN '$start_date' AND '$end_date'";
if ($class_level != '') {
$where .= " AND students.class_level = '$class_level'";
}
// SQL รวมข้อมูลรายงานแยกตามระดับชั้น พร้อมนับเพศโดยอ่านจาก fullname
$sql = "SELECT
students.class_level,
COUNT(DISTINCT students.id) AS total_students,
SUM(CASE WHEN students.fullname LIKE 'ด.ญ.%' OR students.fullname LIKE 'นางสาว%' THEN 1 ELSE 0 END) AS female_students,
SUM(CASE WHEN students.fullname LIKE 'ด.ช.%' OR students.fullname LIKE 'นาย%' THEN 1 ELSE 0 END) AS male_students,
SUM(CASE WHEN attendance.status = 'มา' THEN 1 ELSE 0 END) AS present,
SUM(CASE WHEN attendance.status = 'ลา' THEN 1 ELSE 0 END) AS leave_count,
SUM(CASE WHEN attendance.status = 'ขาด' THEN 1 ELSE 0 END) AS absent,
SUM(CASE WHEN attendance.status = 'สาย' THEN 1 ELSE 0 END) AS late,
SUM(CASE WHEN attendance.status = 'ป่วย' THEN 1 ELSE 0 END) AS sick
FROM students
LEFT JOIN attendance ON attendance.student_id = students.id
$where
GROUP BY students.class_level
ORDER BY students.class_level";
$result = $conn->query($sql);
// เก็บข้อมูลสำหรับแสดงผลและสรุป
$data = [];
$sum = [
'total_students' => 0,
'female_students' => 0,
'male_students' => 0,
'present' => 0,
'leave_count' => 0,
'absent' => 0,
'late' => 0,
'sick' => 0
];
while ($row = $result->fetch_assoc()) {
$data[] = $row;
// รวมยอดสรุป
foreach ($sum as $key => &$value) {
$value += (int)$row[$key];
}
}
// ฟังก์ชันคำนวณร้อยละ
function percent($num, $total) {
return $total > 0 ? number_format(($num / $total) * 100, 2) : '0.00';
}
?>
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<title>รายงานการมาเรียน</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Sarabun&display=swap" rel="stylesheet">
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700&display=swap" rel="stylesheet">
<style>
* { box-sizing: border-box; font-family: 'Sarabun', sans-serif; }
body {
margin: 0;
background: #f4f6f9;
}
header {
background: #4facfe;
color: white;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
header h2 {
margin: 0;
font-weight: 600;
font-size: 1.2rem;
display: flex;
gap: 10px;
align-items: center; /* ให้ข้อความอยู่กึ่งกลาง */
}
header img {
height: 80px;
width: auto;
border-radius: 8px;
align-self: flex-start; /* ทำให้โลโก้ชิดบน */
}
nav a {
margin-left: 20px;
color: white;
text-decoration: none;
font-weight: bold;
}
.container {
padding: 30px;
}
.card {
background: white;
padding: 25px;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
select, input[type="submit"] {
padding: 10px;
font-size: 16px;
border-radius: 8px;
border: 1px solid #ccc;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
th, td {
padding: 10px;
border-bottom: 1px solid #eee;
text-align: center;
}
input[type="radio"] {
transform: scale(1.2);
}
.btn-submit {
background: #4facfe;
color: white;
border: none;
margin-top: 20px;
cursor: pointer;
}
.btn-submit:hover {
background: #00c6ff;
}
@media (max-width: 600px) {
table th, table td {
font-size: 14px;
}
}
.status-btn {
width: 40px;
height: 40px;
border-radius: 50%;
border: none;
margin: 2px;
cursor: pointer;
transition: 0.2s;
font-weight: bold;
color: white;
font-size: 14px;
background-color: #bdc3c7; /* สีเริ่มต้น */
}
.status-btn.active[data-status="มา"] {
background-color: #2ecc71;
}
.status-btn.active[data-status="สาย"] {
background-color: #f1c40f;
}
.status-btn.active[data-status="ขาด"] {
background-color: #e74c3c;
}
.status-btn.active[data-status="ลา"] {
background-color: #9b59b6;
}
.status-btn.active[data-status="ป่วย"] {
background-color: #3498db;
}
.btn-mark-all {
padding: 8px 16px;
background: #00b894;
color: white;
border: none;
border-radius: 12px;
cursor: pointer;
font-size: 14px;
}
.btn-submit {
padding: 10px 20px;
background: #0984e3;
color: white;
border: none;
border-radius: 8px;
font-size: 16px;
margin-top: 20px;
cursor: pointer;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
th, td {
padding: 8px;
border-bottom: 1px solid #ccc;
text-align: center;
}
th {
background: #ecf0f1;
}
/* ปรับแต่ง ปุ่ม*/
.circle-button {
width: 35px;
height: 35px;
border-radius: 50%;
}
</style>
</head>
<body>
<header>
<h4><img src="logo.png">ระบบเช็กชื่อนักเรียน - คุณครู <?= htmlspecialchars($full_name) ?></h4>
<nav>
<?php
if ($role == 'admin') {
echo '<a href="manage_teachers.php"><i class="fas fa-user-cog fa-2x"></i>เพิ่ม/จัดการผู้ใช้</a>';
echo '<a href="telegram_config.php"><i class="fa-brands fa-telegram fa-2x"></i>ตั้งค่าเชื่อมต่อ Telegram</a>';
}
?>
<a href="dashboard.php"><i class="fa fa-id-badge fa-2x" aria-hidden="true"></i></i> บันทึกสถิติมาเรียน</a>
<a href="attendance_report.php"><i class="fa fa-bar-chart fa-2x" aria-hidden="true"></i> รายงานสถิติมาเรียน</a>
<a href="logout.php"><i class="fa fa-sign-out fa-2x" aria-hidden="true"></i> ออกจากระบบ</a>
</nav>
</header>
<div class="container bg-white rounded shadow p-4">
<h3 class="mb-4">รายงานการมาเรียน</h3>
<form class="row g-3 mb-4" method="get">
<div class="col-md-2">
<label class="form-label">ระดับชั้น:</label>
<input type="text" name="class_level" class="form-control" value="<?= htmlspecialchars($class_level) ?>" placeholder="เช่น ป.1">
</div>
<div class="col-md-2">
<label class="form-label">จากวันที่:</label>
<input type="date" name="start_date" class="form-control" value="<?= $start_date ?>">
</div>
<div class="col-md-2">
<label class="form-label">ถึงวันที่:</label>
<input type="date" name="end_date" class="form-control" value="<?= $end_date ?>">
</div>
<div class="col-md-2 d-grid align-self-end">
<button class="btn btn-primary">ดูรายงาน</button>
</div>
<div class="col-md-2 d-grid align-self-end">
<a href="report_preview.php?start_date=<?= $start_date ?>&end_date=<?= $end_date ?>&class_level=<?= urlencode($class_level) ?>" class="btn btn-success">ดูก่อนพิมพ์</a>
</div>
</form>
<table class="table table-bordered table-striped table-hover">
<thead class="table-dark text-center align-middle">
<tr>
<th>ระดับชั้น</th>
<th>จำนวนนักเรียนทั้งหมด</th>
<th>เพศหญิง</th>
<th>เพศชาย</th>
<th>มา</th>
<th>ลา</th>
<th>ขาด</th>
<th>สาย</th>
<th>ป่วย</th>
</tr>
</thead>
<tbody>
<?php foreach ($data as $row): ?>
<tr class="text-center">
<td><?= htmlspecialchars($row['class_level']) ?></td>
<td><?= $row['total_students'] ?></td>
<td><?= $row['female_students'] ?></td>
<td><?= $row['male_students'] ?></td>
<td><?= $row['present'] ?></td>
<td><?= $row['leave_count'] ?></td>
<td><?= $row['absent'] ?></td>
<td><?= $row['late'] ?></td>
<td><?= $row['sick'] ?></td>
</tr>
<?php endforeach; ?>
</tbody>
<tfoot class="table-secondary text-center fw-bold">
<tr>
<td>รวมทั้งหมด</td>
<td><?= $sum['total_students'] ?></td>
<td><?= $sum['female_students'] ?></td>
<td><?= $sum['male_students'] ?></td>
<td><?= $sum['present'] ?> (<?= percent($sum['present'], $sum['total_students']) ?>%)</td>
<td><?= $sum['leave_count'] ?> (<?= percent($sum['leave_count'], $sum['total_students']) ?>%)</td>
<td><?= $sum['absent'] ?> (<?= percent($sum['absent'], $sum['total_students']) ?>%)</td>
<td><?= $sum['late'] ?> (<?= percent($sum['late'], $sum['total_students']) ?>%)</td>
<td><?= $sum['sick'] ?> (<?= percent($sum['sick'], $sum['total_students']) ?>%)</td>
</tr>
</tfoot>
</table>
</div>
</body>
</html>