<?php
session_start();
if (!isset($_SESSION['admin_id'])) {
    header("Location: login.php");
    exit();
}

// ตรวจสอบสิทธิ์: เฉพาะ user_type_id = 9 เท่านั้น
if (($_SESSION['user_data']['user_type_id'] ?? '') != '9') {
    header("Location: index.php");
    exit();
}

require_once '../includes/db_connect.php';

// Self-healing: เพิ่มคอลัมน์ที่จำเป็นใน system_settings
try {
    foreach ([
        'homepage_activity_ids' => 'TEXT NULL',
        'platform_logo' => 'VARCHAR(255) NULL',
        'allow_add_resources' => 'TINYINT(1) NOT NULL DEFAULT 1',
        'allow_add_activities' => 'TINYINT(1) NOT NULL DEFAULT 1',
        'allow_add_knowledge' => 'TINYINT(1) NOT NULL DEFAULT 1',
        'allow_add_programs' => 'TINYINT(1) NOT NULL DEFAULT 1',
    ] as $col => $def) {
        $col_check = $pdo->query("SHOW COLUMNS FROM system_settings LIKE '$col'")->fetch();
        if (!$col_check) {
            $pdo->exec("ALTER TABLE system_settings ADD COLUMN `$col` $def");
        }
    }
} catch (PDOException $e) {}

$message = '';
$error = '';

// === บันทึกสิทธิ์เปิด/ปิดการเพิ่มข้อมูล (AJAX toggle) ===
if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['save_permissions'])) {
    $allow_resources  = isset($_POST['allow_add_resources'])  ? 1 : 0;
    $allow_activities = isset($_POST['allow_add_activities']) ? 1 : 0;
    $allow_knowledge  = isset($_POST['allow_add_knowledge'])  ? 1 : 0;
    $allow_programs   = isset($_POST['allow_add_programs'])   ? 1 : 0;

    $stmt = $pdo->prepare("UPDATE system_settings SET allow_add_resources=?, allow_add_activities=?, allow_add_knowledge=?, allow_add_programs=? WHERE id=1");
    $stmt->execute([$allow_resources, $allow_activities, $allow_knowledge, $allow_programs]);
    $message = "บันทึกการตั้งค่าสิทธิ์เรียบร้อยแล้ว";
}

// === บันทึกการตั้งค่าทั่วไป ===
if ($_SERVER['REQUEST_METHOD'] == 'POST' && !isset($_POST['save_permissions'])) {
    $name = $_POST['platform_name'];
    $bg = $_POST['about_background'];
    $types = $_POST['about_types'];
    $wisdom = $_POST['about_wisdom'];
    $refs = $_POST['about_references'];

    // ดึงค่า logo ปัจจุบันก่อน — จะถูกแทนที่เฉพาะเมื่อมีการอัพโหลดใหม่ หรือกดลบ
    $current = $pdo->query("SELECT platform_logo FROM system_settings WHERE id=1")->fetch();
    $logo_path = $current['platform_logo'] ?? '';

    // ลบโลโก้ปัจจุบัน
    if (!empty($_POST['remove_logo']) && !empty($logo_path)) {
        $abs = __DIR__ . '/upload/' . basename($logo_path);
        if (is_file($abs)) @unlink($abs);
        $logo_path = '';
    }

    // อัพโหลดโลโก้ใหม่
    if (!empty($_FILES['platform_logo']['name']) && $_FILES['platform_logo']['error'] === UPLOAD_ERR_OK) {
        $tmp = $_FILES['platform_logo']['tmp_name'];
        $info = @getimagesize($tmp);
        $mime = $info['mime'] ?? '';
        $allowed = ['image/png', 'image/jpeg', 'image/webp', 'image/svg+xml'];
        if (!in_array($mime, $allowed, true)) {
            $error = "ไฟล์ไม่ถูกต้อง — รองรับเฉพาะ PNG / JPG / WEBP / SVG";
        } elseif ($_FILES['platform_logo']['size'] > 2 * 1024 * 1024) {
            $error = "ไฟล์ใหญ่เกิน 2 MB";
        } else {
            $ext = ['image/png'=>'png','image/jpeg'=>'jpg','image/webp'=>'webp','image/svg+xml'=>'svg'][$mime];
            $new_name = 'platform_logo_' . time() . '.' . $ext;
            $dest_dir = __DIR__ . '/upload';
            if (!is_dir($dest_dir)) @mkdir($dest_dir, 0775, true);
            $dest = $dest_dir . '/' . $new_name;
            if (move_uploaded_file($tmp, $dest)) {
                // ลบไฟล์เก่าถ้ามี
                if (!empty($logo_path)) {
                    $old = $dest_dir . '/' . basename($logo_path);
                    if (is_file($old)) @unlink($old);
                }
                $logo_path = $new_name;
            } else {
                $error = "บันทึกไฟล์ไม่สำเร็จ";
            }
        }
    }

    if (empty($error)) {
        $stmt = $pdo->prepare("UPDATE system_settings SET platform_name=?, platform_logo=?, about_background=?, about_types=?, about_wisdom=?, about_references=? WHERE id=1");
        $stmt->execute([$name, $logo_path, $bg, $types, $wisdom, $refs]);
        $message = "บันทึกการตั้งค่าเรียบร้อยแล้ว";
    }
}

$settings = $pdo->query("SELECT * FROM system_settings WHERE id=1")->fetch();
?>
<!DOCTYPE html>
<html lang="th">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ตั้งค่าเว็บไซต์ - Admin</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- TinyMCE 6.8.3 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.8.3/tinymce.min.js" referrerpolicy="origin"></script>
    <style>
        .field-box {
            border-left: 4px solid var(--field-color, #ccc);
            background: var(--field-bg, #fff);
            padding: 16px 18px;
            border-radius: 8px;
            margin-bottom: 18px;
        }
        .field-box .form-label {
            font-weight: 600;
            color: var(--field-color);
            margin-bottom: 10px;
        }
        .f-indigo  { --field-color: #6366f1; --field-bg: #eef2ff; }
        .f-blue    { --field-color: #3b82f6; --field-bg: #eff6ff; }
        .f-purple  { --field-color: #a855f7; --field-bg: #faf5ff; }
        .f-green   { --field-color: #22c55e; --field-bg: #f0fdf4; }
        .f-amber   { --field-color: #f59e0b; --field-bg: #fffbeb; }
        .f-red     { --field-color: #ef4444; --field-bg: #fef2f2; }

        /* Toggle switch styles */
        .perm-card {
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.2s;
        }
        .perm-card:hover {
            border-color: #6366f1;
            box-shadow: 0 2px 8px rgba(99,102,241,0.10);
        }
        .perm-card .perm-info {
            display: flex;
            align-items: center;
            gap: 14px;
        }
        .perm-card .perm-icon {
            width: 42px; height: 42px;
            border-radius: 10px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.1rem; color: #fff;
        }
        .perm-card .perm-label { font-weight: 600; color: #374151; font-size: 0.95rem; }
        .perm-card .perm-desc  { font-size: 0.82rem; color: #9ca3af; margin-top: 2px; }

        .form-switch .form-check-input {
            width: 3em; height: 1.5em;
            cursor: pointer;
        }
        .form-switch .form-check-input:checked {
            background-color: #22c55e;
            border-color: #22c55e;
        }
        .perm-status {
            font-size: 0.8rem; font-weight: 600;
            padding: 3px 10px; border-radius: 20px;
            margin-right: 10px;
        }
        .perm-status.on  { background: #dcfce7; color: #16a34a; }
        .perm-status.off { background: #fee2e2; color: #dc2626; }
    </style>
</head>
<body>
    <?php require_once '../includes/navbar.php'; ?>

    <div class="main-content">
        <h2 class="mb-4">ตั้งค่าเว็บไซต์</h2>
        <?php if ($message): ?>
            <div class="alert alert-success"><?php echo $message; ?></div>
        <?php endif; ?>
        <?php if ($error): ?>
            <div class="alert alert-danger"><?php echo htmlspecialchars($error); ?></div>
        <?php endif; ?>

        <!-- === ส่วนจัดการสิทธิ์การเพิ่มข้อมูล === -->
        <div class="card border-0 shadow-sm rounded-4 p-4 mb-4">
            <h5 class="mb-1"><i class="fas fa-user-shield text-primary me-2"></i>จัดการสิทธิ์การเพิ่มข้อมูล</h5>
            <p class="text-muted small mb-3">เปิด/ปิดการเพิ่มข้อมูลของผู้ใช้ระดับตำบล (user_type_id = 4) ในแต่ละส่วน</p>
            <form method="POST" id="permForm">
                <input type="hidden" name="save_permissions" value="1">
                <div class="row g-3">
                    <?php
                    $perm_items = [
                        ['key' => 'resources',  'label' => 'แหล่งเรียนรู้',        'desc' => 'resources.php?action=add',    'icon' => 'fa-database',     'bg' => '#6366f1'],
                        ['key' => 'activities', 'label' => 'กิจกรรม',             'desc' => 'activities.php?action=add',   'icon' => 'fa-calendar-alt', 'bg' => '#f59e0b'],
                        ['key' => 'knowledge',  'label' => 'คลังความรู้',          'desc' => 'knowledge.php?action=add',    'icon' => 'fa-book',         'bg' => '#22c55e'],
                        ['key' => 'programs',   'label' => 'โปรแกรมการเรียนรู้',   'desc' => 'programs.php?action=add',     'icon' => 'fa-laptop-code',  'bg' => '#3b82f6'],
                    ];
                    foreach ($perm_items as $p):
                        $col_name = 'allow_add_' . $p['key'];
                        $is_on = ($settings[$col_name] ?? 1) == 1;
                    ?>
                    <div class="col-md-6">
                        <div class="perm-card">
                            <div class="perm-info">
                                <div class="perm-icon" style="background: <?php echo $p['bg']; ?>;">
                                    <i class="fas <?php echo $p['icon']; ?>"></i>
                                </div>
                                <div>
                                    <div class="perm-label"><?php echo $p['label']; ?></div>
                                </div>
                            </div>
                            <div class="d-flex align-items-center gap-2">
                                <span class="perm-status <?php echo $is_on ? 'on' : 'off'; ?>" id="status_<?php echo $p['key']; ?>">
                                    <?php echo $is_on ? 'เปิด' : 'ปิด'; ?>
                                </span>
                                <div class="form-check form-switch mb-0">
                                    <input class="form-check-input" type="checkbox"
                                           name="allow_add_<?php echo $p['key']; ?>" value="1"
                                           id="toggle_<?php echo $p['key']; ?>"
                                           <?php echo $is_on ? 'checked' : ''; ?>
                                           onchange="updateStatus('<?php echo $p['key']; ?>', this.checked)">
                                </div>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
                <div class="mt-3 text-end">
                    <button type="submit" class="btn btn-primary px-4"><i class="fas fa-save me-1"></i>บันทึกสิทธิ์</button>
                </div>
            </form>
        </div>

        <!-- === ส่วนตั้งค่าทั่วไป === -->
        <div class="card border-0 shadow-sm rounded-4 p-4">
            <form method="POST" enctype="multipart/form-data">
                <div class="field-box f-indigo">
                    <label class="form-label fw-bold">ชื่อแพลตฟอร์ม</label>
                    <input type="text" name="platform_name" class="form-control" value="<?php echo $settings['platform_name']; ?>">
                </div>

                <div class="field-box f-purple">
                    <label class="form-label fw-bold">โลโก้แพลตฟอร์ม (PNG / JPG / WEBP / SVG — ไม่เกิน 2 MB)</label>
                    <div class="d-flex align-items-center gap-3 mb-2">
                        <div style="width:80px; height:80px; border:1px dashed #ccc; border-radius:10px; background:#f8f9fa; display:flex; align-items:center; justify-content:center; overflow:hidden;">
                            <?php if (!empty($settings['platform_logo'])): ?>
                                <img src="upload/<?php echo htmlspecialchars($settings['platform_logo']); ?>" alt="logo" style="max-width:100%; max-height:100%; object-fit:contain;">
                            <?php else: ?>
                                <i class="fas fa-image text-muted" style="font-size:2rem;"></i>
                            <?php endif; ?>
                        </div>
                        <div class="flex-grow-1">
                            <input type="file" name="platform_logo" accept="image/png,image/jpeg,image/webp,image/svg+xml" class="form-control">
                            <?php if (!empty($settings['platform_logo'])): ?>
                                <div class="form-check mt-2">
                                    <input type="checkbox" name="remove_logo" value="1" id="rm_logo" class="form-check-input">
                                    <label for="rm_logo" class="form-check-label text-danger small">ลบโลโก้ปัจจุบัน (กลับไปใช้ไอคอนเริ่มต้น)</label>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>
                    <small class="text-muted">โลโก้จะแสดงบนแถบเมนูของหน้าเว็บสาธารณะ ขนาดที่แนะนำ: 200×200 px พื้นหลังโปร่งใส</small>
                </div>
                <hr>
                <h5 class="mb-3 text-primary">เนื้อหาหน้า "เกี่ยวกับเรา"</h5>
                <div class="field-box f-blue">
                    <label class="form-label">ความเป็นมา (Background)</label>
                    <textarea name="about_background" class="tinymce-editor"><?php echo htmlspecialchars($settings['about_background'] ?? ''); ?></textarea>
                </div>
                <div class="field-box f-purple">
                    <label class="form-label">ประเภทแหล่งเรียนรู้ (Types)</label>
                    <textarea name="about_types" class="tinymce-editor"><?php echo htmlspecialchars($settings['about_types'] ?? ''); ?></textarea>
                </div>
                <div class="field-box f-green">
                    <label class="form-label">สาขาภูมิปัญญาท้องถิ่น (Wisdom)</label>
                    <textarea name="about_wisdom" class="tinymce-editor"><?php echo htmlspecialchars($settings['about_wisdom'] ?? ''); ?></textarea>
                </div>
                <div class="field-box f-amber">
                    <label class="form-label">อ้างอิง (References)</label>
                    <textarea name="about_references" class="tinymce-editor"><?php echo htmlspecialchars($settings['about_references'] ?? ''); ?></textarea>
                </div>

                <button type="submit" class="btn btn-primary px-5 mt-3">บันทึกการตั้งค่า</button>
            </form>
        </div>
    </div>

    <script>
        tinymce.init({
            selector: '.tinymce-editor',
            height: 280,
            menubar: false,
            plugins: 'advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table wordcount',
            toolbar: 'undo redo | formatselect | bold italic underline | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | removeformat | code fullscreen',
            promotion: false,
            branding: false,
            content_style: "body { font-family: 'Prompt', sans-serif; font-size: 14px; line-height: 1.7; }",
        });

        // บันทึก TinyMCE ก่อน submit (เฉพาะฟอร์มตั้งค่าทั่วไป)
        document.querySelectorAll('form').forEach(function(form) {
            form.addEventListener('submit', function() {
                if (typeof tinymce !== 'undefined') tinymce.triggerSave();
            });
        });

        // อัปเดตสถานะ label เมื่อ toggle เปลี่ยน
        function updateStatus(key, isOn) {
            var el = document.getElementById('status_' + key);
            if (el) {
                el.textContent = isOn ? 'เปิด' : 'ปิด';
                el.className = 'perm-status ' + (isOn ? 'on' : 'off');
            }
        }
    </script>
</body>
</html>