| Server IP : 104.21.80.248 / Your IP : 162.159.115.41 Web Server : Apache/2.4.25 (Win32) OpenSSL/1.0.2j PHP/5.6.30 System : Windows NT WIN-ECQAAA40806 6.2 build 9200 (Windows Server 2012 Standard Edition) i586 User : SYSTEM ( 0) PHP Version : 5.6.30 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : E:/Inetpub/www/training/group/ |
Upload File : |
<?php
include("../session.php");
// ตรวจสอบสิทธิ์กลุ่ม
if ($role != 'group') {
header("Location: ../index.php");
exit;
}
?>
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>หน้าหลักกลุ่ม</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
:root {
--primary-color: #4e73df;
--secondary-color: #858796;
--success-color: #1cc88a;
--danger-color: #e74a3b;
--warning-color: #f6c23e;
--light-bg: #f8f9fc;
}
body {
background-color: var(--light-bg);
font-family: 'Prompt', sans-serif;
padding-top: 56px;
}
.main-navbar {
background: linear-gradient(90deg, var(--primary-color) 0%, #224abe 100%);
padding: 0.5rem 1rem;
}
.main-navbar .navbar-brand {
color: white;
font-weight: 600;
}
.main-navbar .nav-link {
color: rgba(255, 255, 255, 0.8);
padding: 0.75rem 1rem;
border-radius: 0.375rem;
transition: all 0.3s;
margin: 0 0.25rem;
}
.main-navbar .nav-link:hover,
.main-navbar .nav-link.active {
color: white;
background-color: rgba(255, 255, 255, 0.1);
}
.main-navbar .nav-link i {
margin-right: 0.5rem;
}
.topbar {
background-color: white;
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}
.card {
border: none;
border-radius: 0.5rem;
box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.1);
margin-bottom: 1.5rem;
}
.card-header {
background-color: #f8f9fc;
border-bottom: 1px solid #e3e6f0;
padding: 1rem 1.25rem;
}
.stat-card {
border-left: 0.25rem solid;
transition: transform 0.3s;
}
.stat-card:hover {
transform: translateY(-5px);
}
.stat-card.subjects {
border-left-color: var(--primary-color);
}
.stat-card.exams {
border-left-color: var(--success-color);
}
.stat-icon {
font-size: 2rem;
opacity: 0.3;
}
.btn-primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-success {
background-color: var(--success-color);
border-color: var(--success-color);
}
.user-greeting {
background: linear-gradient(to right, var(--primary-color), #224abe);
color: white;
border-radius: 0.5rem;
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.user-dropdown .dropdown-toggle::after {
display: none;
}
.user-dropdown .dropdown-toggle {
display: flex;
align-items: center;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
}
.user-dropdown .dropdown-toggle:hover {
color: white;
}
.user-dropdown .dropdown-menu {
margin-top: 0.5rem;
border: none;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 992px) {
.navbar-collapse {
background-color: var(--primary-color);
padding: 1rem;
border-radius: 0.5rem;
margin-top: 0.5rem;
}
}
</style>
<!-- Font from Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Main Navbar -->
<nav class="navbar navbar-expand-lg fixed-top main-navbar">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<i class="fas fa-laptop-code me-2"></i>
ระบบข้อสอบออนไลน์
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link active" href="#">
<i class="fas fa-tachometer-alt"></i>
ภาพรวม
</a>
</li>
</ul>
<div class="user-dropdown dropdown">
<a href="#" class="dropdown-toggle" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
<div>
<div class="fw-bold text-white"><?php echo htmlspecialchars($u_name); ?></div>
<!-- <div class="small" style="color: rgba(255, 255, 255, 0.7);">กลุ่ม</div> -->
</div>
<i class="fas fa-chevron-down ms-2"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end shadow">
<li><a class="dropdown-item" href="../logout.php"><i class="fas fa-sign-out-alt me-2"></i> ออกจากระบบ</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!-- Main Content -->
<div class="container-fluid px-4 mt-4">
<!-- Welcome Banner -->
<div class="user-greeting d-flex justify-content-between align-items-center mb-4">
<div>
<h2>ยินดีต้อนรับ <?php echo htmlspecialchars($u_name); ?>!</h2>
<p class="mb-0">จัดการวิชาและข้อสอบของ <?php echo htmlspecialchars($group_name); ?></p>
</div>
</div>
<!-- Management Cards -->
<div class="row mb-4">
<div class="col-xl-6 col-md-6">
<div class="card stat-card subjects h-100">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<div class="text-xs fw-bold text-primary text-uppercase mb-1">จัดการวิชา</div>
<div class="h5 mb-0 fw-bold">วิชาทั้งหมด</div>
<div class="small text-secondary">เพิ่ม/แก้ไขวิชาในระบบ</div>
<a href="subjects.php" class="btn btn-primary mt-3">เข้าสู่หน้าจัดการวิชา</a>
</div>
<div class="col-auto">
<i class="fas fa-book stat-icon text-primary"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="card stat-card exams h-100">
<div class="card-body">
<div class="row align-items-center">
<div class="col">
<div class="text-xs fw-bold text-success text-uppercase mb-1">จัดการข้อสอบ</div>
<div class="h5 mb-0 fw-bold">ข้อสอบทั้งหมด</div>
<div class="small text-secondary">จัดการข้อสอบของแต่ละวิชา</div>
<a href="subjects.php" class="btn btn-success mt-3">เลือกวิชาเพื่อจัดการข้อสอบ</a>
</div>
<div class="col-auto">
<i class="fas fa-file-alt stat-icon text-success"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>