| Server IP : 27.254.66.5 / Your IP : 216.73.217.39 Web Server : Apache/2 System : Linux cs82.hostneverdie.com 3.10.0-1160.45.1.el7.x86_64 #1 SMP Wed Oct 13 17:20:51 UTC 2021 x86_64 User : technic2 ( 1951) PHP Version : 7.4.30 Disable Function : apache_child_terminate, apache_setenv, define_syslog_variables, escapeshellarg, escapeshellcmd,exec, fp, fput, highlight_file, ini_alter, ini_restore, inject_code, passthru,phpAds_remoteInfo, phpAds_XmlRpc,phpAds_xmlrpcDecode, phpAds_xmlrpcEncode, popen, posix_getpwuid, posix_kill, posix_mkfifo, posix_setpgid, posix_setsid,posix_setuid, posix_setuid, posix_uname,proc_open,proc_close, proc_get_status, proc_nice, proc_terminate, shell_exec, syslog, system, xmlrpc_entity_decode, show_source,sleep,pcntl_exec,virtual,suexec,dbmopen,dl,symlink,disk_free_space,diskfreespace,leak MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/technic2/public_html/rytc/tobe/ |
Upload File : |
<?php
require_once __DIR__ . '/config.php';
$creativeCategories = [
['key' => 'ดนตรี', 'label' => 'ดนตรี', 'icon' => 'bi-music-note-beamed'],
['key' => 'กีฬา', 'label' => 'กีฬา', 'icon' => 'bi-trophy-fill'],
['key' => 'ศิลปะ', 'label' => 'ศิลปะ', 'icon' => 'bi-palette-fill'],
['key' => 'ร้องเพลง', 'label' => 'ร้องเพลง', 'icon' => 'bi-mic-fill'],
['key' => 'เต้นรำ', 'label' => 'เต้นรำ', 'icon' => 'bi-universal-access-circle'],
['key' => 'Talk', 'label' => 'Talk', 'icon' => 'bi-chat-square-quote-fill'],
['key' => 'DJ', 'label' => 'DJ', 'icon' => 'bi-broadcast-pin'],
];
$creativeFilter = trim($_GET['creative_category'] ?? '');
$allowedCreativeFilters = array_column($creativeCategories, 'key');
if ($creativeFilter !== '' && !in_array($creativeFilter, $allowedCreativeFilters, true)) {
$creativeFilter = '';
}
$eqActivities = $pdo->query("SELECT * FROM activities WHERE category LIKE '%EQ%' OR is_featured = 1 ORDER BY is_featured DESC, created_at DESC LIMIT 6")->fetchAll();
if ($creativeFilter !== '') {
$stmt = $pdo->prepare("SELECT * FROM activities WHERE category LIKE ? ORDER BY is_featured DESC, created_at DESC LIMIT 12");
$stmt->execute(['%' . $creativeFilter . '%']);
$creativeActivities = $stmt->fetchAll();
} else {
$whereParts = [];
$params = [];
foreach ($allowedCreativeFilters as $cat) {
$whereParts[] = 'category LIKE ?';
$params[] = '%' . $cat . '%';
}
$stmt = $pdo->prepare('SELECT * FROM activities WHERE ' . implode(' OR ', $whereParts) . ' ORDER BY is_featured DESC, created_at DESC LIMIT 12');
$stmt->execute($params);
$creativeActivities = $stmt->fetchAll();
}
function activity_icon($category) {
if (mb_strpos($category, 'EQ') !== false) return 'bi-emoji-smile-fill';
if (mb_strpos($category, 'ดนตรี') !== false) return 'bi-music-note-beamed';
if (mb_strpos($category, 'กีฬา') !== false) return 'bi-trophy-fill';
if (mb_strpos($category, 'ศิลปะ') !== false) return 'bi-palette-fill';
if (mb_strpos($category, 'ร้องเพลง') !== false) return 'bi-mic-fill';
if (mb_strpos($category, 'เต้น') !== false) return 'bi-universal-access-circle';
if (mb_strpos($category, 'Talk') !== false) return 'bi-chat-square-quote-fill';
if (mb_strpos($category, 'DJ') !== false) return 'bi-broadcast-pin';
return 'bi-stars';
}
?>
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TO BE NUMBER ONE วิทยาลัยเทคนิคระยอง</title>
<link rel="icon" type="image/png" href="assets/img/logo.png">
<link rel="apple-touch-icon" href="assets/img/logo.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<div class="topbar py-2">
<div class="container d-flex flex-wrap justify-content-between gap-2">
<div><i class="bi bi-heart-pulse-fill me-1"></i> เป็นหนึ่ง โดยไม่พึ่งยาเสพติด</div>
<div><i class="bi bi-building me-1"></i><a href="../newgen" class="text-white" target="_blank">วิทยาลัยเทคนิคระยอง</a></div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-main sticky-top">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="index.php">
<img src="assets/img/logo.png" alt="TO BE NUMBER ONE RYTC" class="site-logo">
<span>TO BE NUMBER ONE RYTC</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMenu"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarMenu">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#home">หน้าแรก</a></li>
<li class="nav-item"><a class="nav-link" href="#services">บริการ</a></li>
<li class="nav-item"><a class="nav-link" href="#consult">ขอคำปรึกษา</a></li>
<li class="nav-item"><a class="nav-link" href="#eq">พัฒนา EQ</a></li>
<li class="nav-item"><a class="nav-link" href="#creative">ทักษะสร้างสรรค์</a></li>
<li class="nav-item"><a class="nav-link" href="admin/login.php">ผู้ดูแล</a></li>
<li class="nav-item"><a class="nav-link" href="../newgen" target="_blank">วิทยาลัยเทคนิคระยอง</a></li>
</ul>
</div>
</div>
</nav>
<header class="hero-banner" id="home">
<div class="hero-image-wrap">
<img src="assets/img/banner.png" class="hero-main-img" alt="TO BE NUMBER ONE วิทยาลัยเทคนิคระยอง">
</div>
<div class="container hero-content">
<div class="hero-card">
<div class="hero-badge"><i class="bi bi-award-fill"></i> TO BE NUMBER ONE</div>
<h1>ระบบบริการชมรม TO BE NUMBER ONE วิทยาลัยเทคนิคระยอง</h1>
<p class="mb-4">พื้นที่สำหรับขอรับคำปรึกษา ฝึกแก้ปัญหา พัฒนา EQ และเสริมสร้างทักษะเชิงสร้างสรรค์ของนักเรียน นักศึกษา</p>
<a href="#consult" class="btn btn-gradient me-2 mb-2"><i class="bi bi-chat-dots-fill me-1"></i> ขอรับคำปรึกษา</a>
<a href="#services" class="btn btn-white mb-2"><i class="bi bi-grid-fill me-1"></i> ดูบริการทั้งหมด</a>
</div>
</div>
</header>
<section class="section-padding" id="services">
<div class="container">
<div class="section-title">
<span class="eyebrow">OUR SERVICES</span>
<h2>บริการหลักของระบบ</h2>
<p>ออกแบบให้รองรับการดูแลนักเรียน การเผยแพร่กิจกรรม และการบริหารข้อมูลโดยผู้ดูแลระบบ</p>
</div>
<div class="row g-4">
<div class="col-lg-4">
<div class="service-card">
<div class="icon-circle"><i class="bi bi-person-hearts"></i></div>
<h4>บริการให้คำปรึกษา</h4>
<p>แบบฟอร์มสำหรับนักเรียนกรอกข้อมูลเพื่อขอรับคำปรึกษา ผู้ดูแลสามารถดูข้อมูลและติดต่อกลับตามช่องทางที่ระบุ</p>
<a class="btn btn-outline-gradient px-4" href="#consult">กรอกแบบฟอร์ม</a>
</div>
</div>
<div class="col-lg-4">
<div class="service-card">
<div class="icon-circle"><i class="bi bi-emoji-smile-fill"></i></div>
<h4>ฝึกแก้ปัญหา พัฒนา EQ</h4>
<p>แสดงข่าวสาร กิจกรรม และภาพบรรยากาศเกี่ยวกับการฝึกทักษะชีวิต การคิดบวก และการจัดการอารมณ์</p>
<a class="btn btn-outline-gradient px-4" href="#eq">ดูกิจกรรม</a>
</div>
</div>
<div class="col-lg-4">
<div class="service-card">
<div class="icon-circle"><i class="bi bi-stars"></i></div>
<h4>ทักษะเชิงสร้างสรรค์</h4>
<p>รวบรวมกิจกรรมดนตรี กีฬา ศิลปะ ร้องเพลง เต้นรำ Talk และ DJ เพื่อส่งเสริมการแสดงออกอย่างสร้างสรรค์</p>
<a class="btn btn-outline-gradient px-4" href="#creative">ดูหมวดกิจกรรม</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding pt-0" id="consult">
<div class="container">
<?php if (!empty($_GET['success'])): ?>
<div class="alert alert-success rounded-4 shadow-sm"><i class="bi bi-check-circle-fill me-2"></i>ส่งข้อมูลเรียบร้อยแล้ว ผู้ดูแลจะติดต่อกลับตามข้อมูลที่แจ้งไว้</div>
<?php endif; ?>
<div class="row g-5 align-items-center">
<div class="col-lg-5">
<div class="section-title text-lg-start mb-4">
<span class="eyebrow">CONSULTATION</span>
<h2>บริการให้คำปรึกษา</h2>
<p>กรอกข้อมูลให้ครบถ้วน เพื่อให้ผู้ดูแลระบบสามารถติดต่อกลับได้อย่างถูกต้อง</p>
</div>
<div class="privacy-box">
<h5 class="fw-bold text-danger"><i class="bi bi-shield-lock-fill me-2"></i>การดูแลข้อมูล</h5>
<p class="mb-0 text-muted">ข้อมูลใช้เพื่อการให้คำปรึกษาและการติดต่อกลับเท่านั้น ควรกำหนดสิทธิ์ให้เฉพาะผู้ดูแลที่เกี่ยวข้องเข้าถึงข้อมูล</p>
</div>
</div>
<div class="col-lg-7">
<div class="form-card">
<form action="save_consult.php" method="post">
<div class="row g-3">
<div class="col-md-6"><label class="form-label">ชื่อ - นามสกุล *</label><input type="text" name="fullname" class="form-control" required></div>
<div class="col-md-6"><label class="form-label">รหัสนักเรียน / นักศึกษา</label><input type="text" name="student_id" class="form-control"></div>
<div class="col-md-6"><label class="form-label">ระดับชั้น / ห้อง</label><input type="text" name="classroom" class="form-control" placeholder="เช่น ปวช.2/1"></div>
<div class="col-md-6"><label class="form-label">เบอร์โทรศัพท์ *</label><input type="text" name="phone" class="form-control" required></div>
<div class="col-md-6"><label class="form-label">ช่องทางติดต่อกลับ *</label><select name="contact_channel" class="form-select" required><option value="">เลือกช่องทาง</option><option>โทรศัพท์</option><option>LINE</option><option>Facebook</option><option>พบครูที่ปรึกษา</option></select></div>
<div class="col-md-6"><label class="form-label">ช่วงเวลาที่สะดวก</label><input type="text" name="contact_time" class="form-control" placeholder="เช่น หลังเลิกเรียน"></div>
<div class="col-12"><label class="form-label">หัวข้อที่ต้องการปรึกษา *</label><select name="topic" class="form-select" required><option value="">เลือกหัวข้อ</option><option>การเรียน</option><option>ครอบครัว</option><option>เพื่อน</option><option>ความเครียด</option><option>อื่น ๆ</option></select></div>
<div class="col-12"><label class="form-label">รายละเอียดเพิ่มเติม</label><textarea name="detail" rows="5" class="form-control"></textarea></div>
<div class="col-12"><button class="btn btn-gradient px-4" type="submit"><i class="bi bi-send-fill me-1"></i> ส่งข้อมูลขอรับคำปรึกษา</button></div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="section-padding bg-white" id="eq">
<div class="container">
<div class="section-title">
<span class="eyebrow">EQ DEVELOPMENT</span>
<h2>บริการฝึกแก้ปัญหา พัฒนา EQ</h2>
<p>ข้อมูลกิจกรรมและภาพประชาสัมพันธ์ที่ผู้ดูแลระบบสามารถอัปเดตได้</p>
</div>
<div class="row g-4">
<?php foreach ($eqActivities as $a): ?>
<?php if (mb_strpos($a['category'], 'EQ') !== false || $a['is_featured']): ?>
<div class="col-md-6 col-lg-4">
<a class="activity-link" href="activity_detail.php?id=<?= (int)$a['id'] ?>" aria-label="ดูรายละเอียด <?= e($a['title']) ?>">
<div class="activity-card">
<div class="activity-img">
<?php if ($a['image']): ?><img src="uploads/activities/<?= e($a['image']) ?>" alt="<?= e($a['title']) ?>"><?php else: ?><i class="bi <?= activity_icon($a['category']) ?>"></i><?php endif; ?>
</div>
<div class="p-4">
<span class="category-badge"><?= e($a['category']) ?></span>
<h5 class="fw-bold mt-3"><?= e($a['title']) ?></h5>
<p class="text-muted"><?= e(mb_strimwidth($a['detail'], 0, 150, '...')) ?></p>
<span class="read-more-btn">อ่านรายละเอียด <i class="bi bi-arrow-right-circle ms-1"></i></span>
</div>
</div>
</a>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="section-padding" id="creative">
<div class="container">
<div class="section-title">
<span class="eyebrow">CREATIVE SKILLS</span>
<h2>บริการเสริมสร้างทักษะเชิงสร้างสรรค์</h2>
<p>เปิดพื้นที่ให้นักเรียนได้แสดงความสามารถตามความสนใจ</p>
</div>
<div class="creative-filter-wrap text-center mb-4" aria-label="กรองกิจกรรมทักษะเชิงสร้างสรรค์">
<a class="skill-pill <?= $creativeFilter === '' ? 'active' : '' ?>" href="index.php#creative" title="แสดงกิจกรรมทั้งหมด"><i class="bi bi-grid-fill"></i> ทั้งหมด</a>
<?php foreach ($creativeCategories as $cat): ?>
<a class="skill-pill <?= $creativeFilter === $cat['key'] ? 'active' : '' ?>" href="index.php?creative_category=<?= urlencode($cat['key']) ?>#creative" title="กรองหมวด <?= e($cat['label']) ?>">
<i class="bi <?= e($cat['icon']) ?>"></i> <?= e($cat['label']) ?>
</a>
<?php endforeach; ?>
</div>
<?php if ($creativeFilter !== ''): ?>
<div class="filter-result-label mb-4">
<i class="bi bi-funnel-fill me-1"></i> กำลังแสดงกิจกรรมหมวด <strong><?= e($creativeFilter) ?></strong>
<a href="index.php#creative">ล้างตัวกรอง</a>
</div>
<?php endif; ?>
<div class="row g-4">
<?php if (!$creativeActivities): ?>
<div class="col-12">
<div class="content-card p-5 text-center">
<i class="bi bi-folder2-open fs-1 text-danger"></i>
<h4 class="fw-bold mt-3">ยังไม่มีกิจกรรมในหมวดนี้</h4>
<p class="text-muted mb-0">เมื่อผู้ดูแลระบบเพิ่มกิจกรรมในหมวดที่เลือก ข้อมูลจะแสดงในส่วนนี้</p>
</div>
</div>
<?php endif; ?>
<?php foreach ($creativeActivities as $a): ?>
<div class="col-md-6 col-lg-4">
<a class="activity-link" href="activity_detail.php?id=<?= (int)$a['id'] ?>" aria-label="ดูรายละเอียด <?= e($a['title']) ?>">
<div class="activity-card">
<div class="activity-img">
<?php if ($a['image']): ?>
<img src="uploads/activities/<?= e($a['image']) ?>" alt="<?= e($a['title']) ?>" loading="lazy">
<?php else: ?>
<i class="bi <?= activity_icon($a['category']) ?>"></i>
<?php endif; ?>
</div>
<div class="p-4">
<span class="category-badge"><i class="bi <?= activity_icon($a['category']) ?> me-1"></i><?= e($a['category']) ?></span>
<h5 class="fw-bold mt-3"><?= e($a['title']) ?></h5>
<p class="text-muted"><?= e(mb_strimwidth($a['detail'], 0, 150, '...')) ?></p>
<span class="read-more-btn">ดูรายละเอียดกิจกรรม <i class="bi bi-arrow-right-circle ms-1"></i></span>
</div>
</div>
</a>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<section class="section-padding pt-0">
<div class="container">
<div class="admin-panel">
<div class="row align-items-center position-relative">
<div class="col-lg-8"><h2 class="fw-bold">ระบบสำหรับผู้ดูแล</h2><p class="mb-lg-0">เข้าดูรายการขอคำปรึกษา ปรับสถานะ เพิ่มหมายเหตุ และจัดการข่าว/กิจกรรมพร้อมรูปภาพ</p></div>
<div class="col-lg-4 text-lg-end mt-4 mt-lg-0"><a href="admin/login.php" class="btn btn-white"><i class="bi bi-person-lock me-1"></i> เข้าสู่ระบบผู้ดูแล</a></div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container text-center">
<h5 class="fw-bold">TO BE NUMBER ONE วิทยาลัยเทคนิคระยอง</h5>
<p class="mb-1">Be Yourself • Be Friends • Be Positive • Be Strong • Be Success</p>
<small>Mr.Patiwat © <?= date('Y') ?> Rayong Technical College</small>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>