Initial commit

ระบบขอใช้งานประชุมออนไลน์ผ่าน Google Meet/includes/footer.php

@@ -0,0 +1,58 @@
+<?php
+// includes/footer.php
+$custom_footer = get_setting($pdo_sys, 'footer_text');
+$year_th = date('Y') + 543;
+
+if ($custom_footer) {
+    if (strpos($custom_footer, '{year}') !== false) {
+        $footer_text = str_replace('{year}', $year_th, $custom_footer);
+    } else {
+        $footer_text = 'สงวนลิขสิทธิ์ &copy; ' . $year_th . ' ' . htmlspecialchars($custom_footer);
+    }
+} else {
+    $footer_text = 'สงวนลิขสิทธิ์ &copy; ' . $year_th . ' MOPH System';
+}
+?>
+        <!-- App Footer -->
+        <footer class="app-footer d-flex align-items-center justify-content-center mt-auto" style="min-height: 73px; border-top: 1px solid var(--border-color); color: var(--text-muted); font-size: 0.85rem; background-color: var(--bg-surface-hover);">
+            <?= $footer_text ?>
+        </footer>
+    </div> <!-- End Main Content -->
+</div> <!-- End Wrapper -->
+
+<!-- Command Palette -->
+<div id="commandPalette">
+    <div class="cmd-palette-box">
+        <div class="cmd-input-wrap">
+            <i class="bi bi-search"></i>
+            <input type="text" id="cmdInput" placeholder="Search commands..." autocomplete="off">
+        </div>
+        <div class="cmd-list">
+            <div class="cmd-item" onclick="window.location.href='dashboard.php'"><i class="bi bi-grid-1x2-fill"></i> Go to Dashboard</div>
+            <div class="cmd-item" onclick="window.location.href='requests.php'"><i class="bi bi-calendar-event"></i> ตารางห้องประชุม (Requests)</div>
+            <div class="cmd-item" onclick="window.location.href='logs.php'"><i class="bi bi-activity"></i> Activity Log</div>
+            <div class="cmd-item" onclick="window.location.href='settings.php'"><i class="bi bi-gear-fill"></i> Settings</div>
+            <div class="cmd-item text-danger" onclick="window.location.href='auth/logout.php'"><i class="bi bi-box-arrow-right"></i> Logout</div>
+        </div>
+    </div>
+</div>
+
+<!-- Toast Container -->
+<div id="toastContainer" class="toast-container p-3"></div>
+
+<!-- Bootstrap 5 JS Bundle with Popper -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+<!-- SweetAlert2 -->
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+<!-- Chart.js -->
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<!-- DataTables & jQuery -->
+<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
+<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
+
+<!-- App Scripts -->
+<script src="assets/js/app.js"></script>
+<script src="assets/js/dashboard.js"></script>
+</body>
+</html>

ระบบขอใช้งานประชุมออนไลน์ผ่าน Google Meet/includes/functions.php

@@ -0,0 +1,84 @@
+<?php
+// includes/functions.php
+
+function add_log($pdo, $user_id, $user_name, $action, $detail = '') {
+    $ip_address = $_SERVER['REMOTE_ADDR'] ?? 'UNKNOWN';
+    
+    $sql = "INSERT INTO system_logs (user_id, user_name, action, detail, ip_address) 
+            VALUES (:user_id, :user_name, :action, :detail, :ip)";
+    
+    try {
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute([
+            'user_id' => $user_id,
+            'user_name' => $user_name,
+            'action' => $action,
+            'detail' => $detail,
+            'ip' => $ip_address
+        ]);
+    } catch (PDOException $e) {
+        // Silently fail if log cannot be written, or handle appropriately
+        error_log("Failed to write log: " . $e->getMessage());
+    }
+}
+
+function check_login() {
+    if (!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true) {
+        header("location: index.php");
+        exit;
+    }
+}
+
+function get_setting($pdo, $setting_name) {
+    $sql = "SELECT setting_value FROM system_settings WHERE setting_name = :name LIMIT 1";
+    try {
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute(['name' => $setting_name]);
+        $row = $stmt->fetch();
+        return $row ? $row['setting_value'] : '';
+    } catch (PDOException $e) {
+        return '';
+    }
+}
+
+function save_setting($pdo, $setting_name, $setting_value, $updated_by) {
+    $sql = "INSERT INTO system_settings (setting_name, setting_value, updated_by) 
+            VALUES (:name, :value, :updated_by) 
+            ON DUPLICATE KEY UPDATE setting_value = :value2, updated_by = :updated_by2";
+    try {
+        $stmt = $pdo->prepare($sql);
+        $stmt->execute([
+            'name' => $setting_name,
+            'value' => $setting_value,
+            'updated_by' => $updated_by,
+            'value2' => $setting_value,
+            'updated_by2' => $updated_by
+        ]);
+        return true;
+    } catch (PDOException $e) {
+        return false;
+    }
+}
+
+function format_thai_date($date_str, $with_time = false) {
+    if (empty($date_str) || $date_str === '0000-00-00 00:00:00' || $date_str === '0000-00-00') return '-';
+    $timestamp = strtotime($date_str);
+    if (!$timestamp) return '-';
+    
+    $thai_months = [
+        1 => 'ม.ค.', 2 => 'ก.พ.', 3 => 'มี.ค.', 4 => 'เม.ย.', 5 => 'พ.ค.', 6 => 'มิ.ย.',
+        7 => 'ก.ค.', 8 => 'ส.ค.', 9 => 'ก.ย.', 10 => 'ต.ค.', 11 => 'พ.ย.', 12 => 'ธ.ค.'
+    ];
+    
+    $day = date('j', $timestamp);
+    $month = $thai_months[(int)date('n', $timestamp)];
+    $year = date('Y', $timestamp) + 543;
+    
+    if ($with_time) {
+        $time = date('H:i:s', $timestamp);
+        return "$day $month $year $time";
+    }
+    
+    return "$day $month $year";
+}
+?>

ระบบขอใช้งานประชุมออนไลน์ผ่าน Google Meet/includes/header.php

@@ -0,0 +1,40 @@
+<?php
+// includes/header.php
+session_start();
+require_once 'config/db.php';
+require_once 'includes/functions.php';
+
+check_login();
+?>
+<!DOCTYPE html>
+<html lang="th" data-theme="light">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ระบบบริหารจัดการองค์กร | Enterprise Dashboard</title>
+    
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="assets/logo.png">
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Bootstrap 5.3 CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <!-- Bootstrap Icons -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
+    <!-- FontAwesome 5 -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+    <!-- DataTables CSS -->
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
+    
+    <!-- Custom Theme & App CSS -->
+    <link rel="stylesheet" href="assets/css/theme.css">
+    <link rel="stylesheet" href="assets/css/app.css">
+    
+</head>
+<body>
+<div class="wrapper">
+    <?php require_once 'includes/sidebar.php'; ?>

ระบบขอใช้งานประชุมออนไลน์ผ่าน Google Meet/includes/sidebar.php

@@ -0,0 +1,148 @@
+<?php
+// includes/sidebar.php
+$current_page = basename($_SERVER['PHP_SELF']);
+?>
+    <!-- Sidebar -->
+    <nav class="sidebar" id="sidebar">
+        <div class="sidebar-header d-flex align-items-center">
+            <div class="sidebar-logo">
+                <img src="assets/logo.png" alt="Logo">
+            </div>
+            <?php $header_text = get_setting($pdo_sys, 'header_text') ?: 'MOPH System'; ?>
+            <h5 class="mb-0 fw-bold text-truncate" style="color: var(--text-main); max-width: 170px;" title="<?= htmlspecialchars($header_text) ?>"><?= htmlspecialchars($header_text) ?></h5>
+        </div>
+        <div class="sidebar-menu">
+            <ul>
+                <li class="px-3 mb-2 text-uppercase text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">ระบบหลัก</li>
+                <li class="<?= ($current_page == 'dashboard.php') ? 'active' : '' ?>">
+                    <a href="dashboard.php">
+                        <i class="bi bi-grid-1x2-fill"></i>
+                        <span>Dashboard</span>
+                    </a>
+                </li>
+                <li class="<?= ($current_page == 'requests.php') ? 'active' : '' ?>">
+                    <a href="requests.php">
+                        <i class="bi bi-list-ul"></i>
+                        <span>ตารางห้องประชุม</span>
+                        <span class="badge bg-danger ms-auto rounded-pill" style="font-size: 0.7rem;">New</span>
+                    </a>
+                </li>
+                <li class="<?= ($current_page == 'calendar.php') ? 'active' : '' ?>">
+                    <a href="calendar.php">
+                        <i class="bi bi-calendar-event"></i>
+                        <span>ปฏิทิน</span>
+                    </a>
+                </li>
+                
+                <?php if (isset($_SESSION['role']) && in_array($_SESSION['role'], ['superadmin', 'admin'])): ?>
+                <li class="px-3 mt-4 mb-2 text-uppercase text-muted" style="font-size: 0.75rem; letter-spacing: 1px;">ผู้ดูแลระบบ</li>
+                
+                <?php if ($_SESSION['role'] === 'superadmin'): ?>
+                <li class="<?= ($current_page == 'users.php') ? 'active' : '' ?>">
+                    <a href="users.php">
+                        <i class="bi bi-people-fill"></i>
+                        <span>จัดการผู้ดูแลระบบ</span>
+                    </a>
+                </li>
+                <?php endif; ?>
+
+                <li class="<?= ($current_page == 'logs.php') ? 'active' : '' ?>">
+                    <a href="logs.php">
+                        <i class="bi bi-activity"></i>
+                        <span>Activity Log</span>
+                    </a>
+                </li>
+                <li class="<?= ($current_page == 'settings.php') ? 'active' : '' ?>">
+                    <a href="settings.php">
+                        <i class="bi bi-gear-fill"></i>
+                        <span>Settings</span>
+                    </a>
+                </li>
+                <?php endif; ?>
+                
+                <li class="mt-4 d-lg-none">
+                    <a href="auth/logout.php" class="text-danger">
+                        <i class="bi bi-box-arrow-left"></i>
+                        <span>ออกจากระบบ</span>
+                    </a>
+                </li>
+            </ul>
+        </div>
+        
+        <!-- Sidebar User Info & Logout (Bottom) -->
+        <div class="sidebar-footer p-3 border-top" style="border-color: var(--border-color) !important; margin-top: auto;">
+            <div class="d-flex align-items-center">
+                <img src="avatar.php?cid=<?= urlencode($_SESSION['cid'] ?? '') ?>&name=<?= urlencode($_SESSION['fullname'] ?? 'User') ?>" alt="User" class="rounded-circle avatar-premium" width="40" height="40" style="object-fit: cover;">
+                <div class="ms-3 sidebar-user-info overflow-hidden">
+                    <h6 class="mb-0 text-truncate fw-bold" style="font-size: 0.85rem; color: var(--text-main);"><?= htmlspecialchars($_SESSION['fullname'] ?? 'User') ?></h6>
+                    <small class="text-muted text-uppercase" style="font-size: 0.7rem;"><?= htmlspecialchars($_SESSION['role'] ?? 'admin') ?></small>
+                </div>
+                <a href="auth/logout.php" class="sidebar-logout-btn btn btn-sm btn-light text-danger ms-auto rounded-circle d-flex align-items-center justify-content-center shadow-sm" title="Logout" style="width: 32px; height: 32px; flex-shrink: 0; border: 1px solid var(--border-color);">
+                    <i class="bi bi-power"></i>
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Main Content -->
+    <div class="main-content">
+        <!-- Topbar -->
+        <header class="topbar">
+            <div class="topbar-left">
+                <!-- Mobile Toggle -->
+                <button class="btn-icon-only d-lg-none" id="mobileSidebarToggle">
+                    <i class="bi bi-list fs-4"></i>
+                </button>
+                <!-- Desktop Toggle -->
+                <button class="btn-icon-only d-none d-lg-flex" id="sidebarToggle">
+                    <i class="bi bi-list fs-4"></i>
+                </button>
+                
+                <!-- Real-time Clock (Premium Design) -->
+                <div class="ms-3 d-none d-md-flex align-items-center px-3 py-1 rounded-pill" style="background: var(--bg-surface); border: 1px solid var(--border-color); box-shadow: var(--shadow-sm);">
+                    <div class="d-flex align-items-center justify-content-center rounded-circle me-2" style="width: 32px; height: 32px; background: var(--primary-light); color: var(--primary);">
+                        <i class="bi bi-clock-fill"></i>
+                    </div>
+                    <div class="d-flex flex-column justify-content-center">
+                        <span id="realtimeClock" class="fw-bold" style="font-size: 0.95rem; color: var(--text-main); line-height: 1.1; letter-spacing: 0.5px;">--:--:--</span>
+                        <span id="realtimeDate" class="text-muted" style="font-size: 0.7rem; line-height: 1;"></span>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="topbar-right">
+                <?php
+                $is_api_connected = !empty(get_setting($pdo_sys, 'google_refresh_token'));
+                $api_status_color = $is_api_connected ? 'success' : 'danger';
+                $api_status_text = $is_api_connected ? 'API Online' : 'API Offline';
+                $api_status_icon = $is_api_connected ? 'bi-cloud-check-fill' : 'bi-cloud-slash-fill';
+                ?>
+                <!-- API Status -->
+                <div class="d-none d-md-flex align-items-center me-2 px-3 py-1 rounded-pill shadow-sm" style="background-color: var(--bg-surface); border: 1px solid var(--border-color); font-size: 0.8rem;">
+                    <i class="bi <?= $api_status_icon ?> text-<?= $api_status_color ?> me-2 fs-6"></i>
+                    <span class="text-muted fw-bold"><?= $api_status_text ?></span>
+                </div>
+                
+                <!-- Theme Switcher -->
+                <button class="btn-icon-only" id="themeToggle" aria-label="Toggle Theme">
+                    <i class="bi bi-moon-fill"></i>
+                </button>
+                
+                <!-- Notification -->
+                <div class="dropdown">
+                    <button class="btn-icon-only" type="button" data-bs-toggle="dropdown" aria-expanded="false" id="notifButton">
+                        <i class="bi bi-bell"></i>
+                        <span id="notifBadge" class="position-absolute top-0 start-100 translate-middle p-1 bg-danger border border-light rounded-circle d-none" style="width: 10px; height: 10px;"></span>
+                    </button>
+                    <ul class="dropdown-menu dropdown-menu-end shadow-sm" style="width: 320px; border-radius: 12px; border-color: var(--border-color);" id="notifDropdown">
+                        <li><h6 class="dropdown-header fw-bold text-primary">การประชุมวันนี้</h6></li>
+                        <li><hr class="dropdown-divider"></li>
+                        <div id="notifContent" style="max-height: 300px; overflow-y: auto;">
+                            <li><a class="dropdown-item text-center text-muted py-3" href="#"><div class="spinner-border spinner-border-sm text-primary" role="status"></div> กำลังโหลดข้อมูล...</a></li>
+                        </div>
+                        <li><hr class="dropdown-divider"></li>
+                        <li><a class="dropdown-item text-center text-primary" href="calendar.php">ดูปฏิทินทั้งหมด</a></li>
+                    </ul>
+                </div>
+            </div>
+        </header>