<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);

session_start();
if (!isset($_SESSION['admin_id'])) {
    header("Location: login.php");
    exit();
}
require_once '../includes/db_connect.php';
require_once '../includes/access_control.php';

$GLOBALS['pdo'] = $pdo;
$user = $_SESSION['user_data'] ?? null;
$action = $_GET['action'] ?? 'list';
$message = '';

// เฉพาะ user_type_id = 4 เท่านั้นที่สามารถเพิ่มแหล่งเรียนรู้
if ($action == 'add' && $user['user_type_id'] != '4') {
    header("Location: resources.php");
    exit();
}

if ($action == 'delete' && isset($_GET['id'])) {
    $stmt = $pdo->prepare("SELECT * FROM learning_resources WHERE id = ?");
    $stmt->execute([$_GET['id']]);
    $record = $stmt->fetch();

    if ($record && canDeleteRecord($user, $record)) {
        $upload_dir = 'upload/';

        // ลบรูปภาพปก
        if (!empty($record['cover_image'])) {
            $cover_path = $upload_dir . $record['cover_image'];
            if (file_exists($cover_path)) {
                unlink($cover_path);
            }
        }

        // ลบรูปภาพหลัก (JSON array)
        if (!empty($record['image_url'])) {
            $images = json_decode($record['image_url'], true) ?: [];
            foreach ($images as $img) {
                $img_path = $upload_dir . $img;
                if (file_exists($img_path)) {
                    unlink($img_path);
                }
            }
        }

        // ลบข้อมูลจากฐานข้อมูล
        $stmt = $pdo->prepare("DELETE FROM learning_resources WHERE id = ?");
        $stmt->execute([$_GET['id']]);
        $message = "ลบข้อมูลและไฟล์ที่เกี่ยวข้องเรียบร้อยแล้ว";
    } else {
        $message = "ไม่มีสิทธิ์ลบข้อมูล";
    }
    $action = 'list';
}

// ตรวจสอบการอนุมัติ
if ($action == 'approve' && isset($_GET['id'])) {
    $stmt = $pdo->prepare("SELECT * FROM learning_resources WHERE id = ?");
    $stmt->execute([$_GET['id']]);
    $record = $stmt->fetch();

    if ($record && canApproveRecord($pdo, $user, $record)) {
        $stmt = $pdo->prepare("UPDATE learning_resources SET status = 'approved', approved_by = ?, approved_date = NOW() WHERE id = ?");
        $stmt->execute([$user['username'], $_GET['id']]);
        $message = "อนุมัติแหล่งเรียนรู้เรียบร้อยแล้ว";
    } else {
        $message = "ไม่มีสิทธิ์อนุมัติแหล่งเรียนรู้";
    }
    $action = 'list';
}

// ยกเลิกการอนุมัติ (เฉพาะผู้ที่อนุมัติเท่านั้น)
if ($action == 'unapprove' && isset($_GET['id'])) {
    $stmt = $pdo->prepare("SELECT * FROM learning_resources WHERE id = ?");
    $stmt->execute([$_GET['id']]);
    $record = $stmt->fetch();

    if ($record && $record['status'] === 'approved' && $record['approved_by'] === $user['username']) {
        $stmt = $pdo->prepare("UPDATE learning_resources SET status = 'pending', approved_by = NULL, approved_date = NULL WHERE id = ?");
        $stmt->execute([$_GET['id']]);
        $message = "ยกเลิกการอนุมัติเรียบร้อยแล้ว";
    } else {
        $message = "ไม่มีสิทธิ์ยกเลิกการอนุมัติ";
    }
    $action = 'list';
}

// ตรวจสอบการปฏิเสธ
if ($action == 'reject' && isset($_GET['id'])) {
    $stmt = $pdo->prepare("SELECT * FROM learning_resources WHERE id = ?");
    $stmt->execute([$_GET['id']]);
    $record = $stmt->fetch();

    if ($record && canApproveRecord($pdo, $user, $record)) {
        $stmt = $pdo->prepare("UPDATE learning_resources SET status = 'rejected' WHERE id = ?");
        $stmt->execute([$_GET['id']]);
        $message = "ปฏิเสธแหล่งเรียนรู้เรียบร้อยแล้ว";
    } else {
        $message = "ไม่มีสิทธิ์ปฏิเสธแหล่งเรียนรู้";
    }
    $action = 'list';
}

// ฟังก์ชันสำหรับย่อขนาดรูปภาพและรักษาระดับขนาดไฟล์ไม่ให้เกิน 500KB
function compressAndSaveImage($sourcePath, $destinationPath, $maxFileSize = 512000)
{
    list($width, $height, $type) = getimagesize($sourcePath);

    // สร้างภาพต้นฉบับตามประเภทไฟล์
    switch ($type) {
        case IMAGETYPE_JPEG:
            $image = imagecreatefromjpeg($sourcePath);
            break;
        case IMAGETYPE_PNG:
            $image = imagecreatefrompng($sourcePath);
            break;
        case IMAGETYPE_WEBP:
            $image = imagecreatefromwebp($sourcePath);
            break;
        default:
            return false; // ไม่รองรับประเภทอื่น
    }

    // จัดการค่าโปร่งใสสำหรับไฟล์ PNG/WEBP
    if ($type == IMAGETYPE_PNG || $type == IMAGETYPE_WEBP) {
        imagealphablending($image, true);
        imagesavealpha($image, true);
    }

    // ถ้ารูปใหญ่เกินไป ให้ปรับสัดส่วนความกว้างให้เหมาะสมก่อน (เช่น ไม่เกิน 1200px) เพื่อลดขนาดไฟล์เชิงลึก
    $maxDim = 1200;
    if ($width > $maxDim || $height > $maxDim) {
        $ratio = $width / $height;
        if ($ratio > 1) {
            $new_width = $maxDim;
            $new_height = $maxDim / $ratio;
        } else {
            $new_height = $maxDim;
            $new_width = $maxDim * $ratio;
        }
        $dst = imagecreatetruecolor($new_width, $new_height);
        if ($type == IMAGETYPE_PNG || $type == IMAGETYPE_WEBP) {
            imagealphablending($dst, false);
            imagesavealpha($dst, true);
        }
        imagecopyresampled($dst, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height);
        imagedestroy($image);
        $image = $dst;
    }

    // ทำการเซฟไฟล์เป็น JPEG และสุ่มปรับ Quality จนกว่าขนาดไฟล์ต่ำกว่า 500KB
    $quality = 85;
    do {
        ob_start();
        imagejpeg($image, null, $quality);
        $imageData = ob_get_clean();
        $currentSize = strlen($imageData);
        $quality -= 5;
    } while ($currentSize > $maxFileSize && $quality > 10);

    // บันทึกไฟล์ลงปลายทางจริง
    $result = file_put_contents($destinationPath, $imageData);
    imagedestroy($image);

    return $result ? true : false;
}

// Handle Add/Edit
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    $name = $_POST['name'];
    $detail = $_POST['knowledge_detail'];
    $geo = $_POST['geo'];
    $province = $_POST['province'];
    $district = $_POST['district'];
    $sub_district = $_POST['sub_district'];
    $zip_code = $_POST['zip_code'];
    $phone = $_POST['phone'];
    $subject = $_POST['subject'];
    $type = $_POST['type'];
    $wisdom_branch = $_POST['wisdom_branch'];
    $video_url = $_POST['video_url'];

    $latitude = $_POST['latitude'] ?? '';
    $longitude = $_POST['longitude'] ?? '';

    $uploaded_images = [];
    $cover_image = '';

    if (isset($_POST['id']) && !empty($_POST['id'])) {
        $stmt_old = $pdo->prepare("SELECT image_url, cover_image FROM learning_resources WHERE id = ?");
        $stmt_old->execute([$_POST['id']]);
        $old_data = $stmt_old->fetch();
        if ($old_data && !empty($old_data['image_url'])) {
            $uploaded_images = json_decode($old_data['image_url'], true) ?: [];
        }
        if ($old_data && !empty($old_data['cover_image'])) {
            $cover_image = $old_data['cover_image'];
        }
    }

    // ตรวจสอบการอัปโหลดไฟล์ใหม่ (รูปภาพหลัก - จำกัดสูงสุด 4 รูป)
    if (isset($_FILES['images']) && !empty($_FILES['images']['name'][0])) {
        $upload_dir = 'upload/';

        // วนลูปเช็คไฟล์ (จำกัดสูงสุด 4 รูป)
        foreach ($_FILES['images']['name'] as $key => $val) {
            if ($key >= 4)
                break; // ตัดถ้าเกิน 4 รูป

            if ($_FILES['images']['error'][$key] == 0) {
                $tmp_name = $_FILES['images']['tmp_name'][$key];
                $extension = pathinfo($_FILES['images']['name'][$key], PATHINFO_EXTENSION);

                // ตั้งชื่อไฟล์ใหม่ป้องกันชื่อซ้ำ (บันทึกเป็นสกุล .jpg ทั้งหมดเพราะถูกแปลงผ่านฟังก์ชันย่อภาพ)
                $new_filename = 'img_' . uniqid() . '_' . time() . '.jpg';
                $destination = $upload_dir . $new_filename;

                // เรียกใช้ฟังก์ชันย่อไฟล์และบันทึก
                if (compressAndSaveImage($tmp_name, $destination)) {
                    $uploaded_images[] = $new_filename;
                }
            }
        }
    }

    // ตรวจสอบการอัปโหลดรูปภาพปก (ภาพเดี่ยว)
    if (isset($_FILES['cover_image']) && $_FILES['cover_image']['error'] == 0) {
        $upload_dir = 'upload/';
        $tmp_name = $_FILES['cover_image']['tmp_name'];

        $cover_filename = 'cover_' . uniqid() . '_' . time() . '.jpg';
        $destination = $upload_dir . $cover_filename;

        if (compressAndSaveImage($tmp_name, $destination)) {
            $cover_image = $cover_filename;
        }
    }

    // แปลงอาเรย์รายชื่อไฟล์รูปภาพให้เป็น JSON String เพื่อนำไปลงฐานข้อมูล
    $image_url_json = json_encode($uploaded_images, JSON_UNESCAPED_UNICODE);

    if (isset($_POST['id']) && !empty($_POST['id'])) {
        // 1. แก้ไขฝั่ง Update: ตรวจสอบสถานะ ถ้า rejected ให้เปลี่ยนเป็น pending
        $username_owner = $_SESSION['user_data']['username'] ?? '';

        // ดึงสถานะปัจจุบัน
        $stmt_check = $pdo->prepare("SELECT status FROM learning_resources WHERE id = ?");
        $stmt_check->execute([$_POST['id']]);
        $current = $stmt_check->fetch();
        $current_status = $current['status'] ?? 'pending';

        // ถ้าสถานะเป็น rejected ให้เปลี่ยนเป็น pending สำหรับการอนุมัติอีกครั้ง
        $new_status = ($current_status === 'rejected') ? 'pending' : $current_status;

        $stmt = $pdo->prepare("UPDATE learning_resources SET name=?, knowledge_detail=?, geo=?, province=?, district=?, sub_district=?, zip_code=?, phone=?, subject=?, type=?, wisdom_branch=?, video_url=?, image_url=?, cover_image=?, status=?, latitude=?, longitude=? WHERE id=? AND created_by=?");

        $stmt->execute([$name, $detail, $geo, $province, $district, $sub_district, $zip_code, $phone, $subject, $type, $wisdom_branch, $video_url, $image_url_json, $cover_image, $new_status, $latitude, $longitude, $_POST['id'], $username_owner]);
        $message = "แก้ไขข้อมูลเรียบร้อยแล้ว" . ($current_status === 'rejected' ? " - ส่งอนุมัติอีกครั้ง" : "");
    } else {
        // 2. แก้ไขฝั่ง Insert: เพิ่มคอลัมน์ cover_image
        $username_owner = $_SESSION['user_data']['username'] ?? '';

        $stmt = $pdo->prepare("INSERT INTO learning_resources (created_by, name, knowledge_detail, geo, province, district, sub_district, zip_code, phone, subject, type, wisdom_branch, video_url, image_url, cover_image, latitude, longitude) VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)");


        $stmt->execute([$username_owner, $name, $detail, $geo, $province, $district, $sub_district, $zip_code, $phone, $subject, $type, $wisdom_branch, $video_url, $image_url_json, $cover_image, $latitude, $longitude]);
        $message = "เพิ่มข้อมูลเรียบร้อยแล้ว";
    }
    $action = 'list';
}

// ดึงข้อมูล สถานศึกษา (schools) สำหรับ user_type_id = 1 (จังหวัด)
$schools = [];
$selected_school = $_GET['school_filter'] ?? '';

if ($user['user_type_id'] == '1') {
    // จังหวัด user สามารถค้นหา/กรองตามสถานศึกษาในจังหวัด
    $province = $user['province'] ?? '';

    if (!empty($province)) {
        $stmt = $pdo->prepare("SELECT username, firstname, title_name FROM users WHERE user_type_id = '2' AND province = ? ORDER BY firstname ASC");
        $stmt->execute([$province]);
        $schools = $stmt->fetchAll();
    }
}

// ดึงข้อมูล ตำบล (subdistricts) สำหรับ user_type_id = 2 (สถานศึกษา)
$subdistricts = [];
if ($user['user_type_id'] == '2') {
    // สถานศึกษา user สามารถค้นหาตามตำบลที่อยู่ใต้สังกัด
    $username = $user['username'] ?? '';
    if (!empty($username)) {
        $stmt = $pdo->prepare("SELECT DISTINCT tumbon FROM users WHERE user_type_id = '4' AND leader = ? ORDER BY tumbon ASC");
        $stmt->execute([$username]);
        $subdistricts = $stmt->fetchAll(PDO::FETCH_COLUMN);
    }
}

// ดึงข้อมูล search parameters
$search_name = $_GET['search_name'] ?? '';
$search_subdistrict = $_GET['search_subdistrict'] ?? '';
$search_type = $_GET['search_type'] ?? '';

// ดึงประเภทแหล่งเรียนรู้ทั้งหมด
$resource_types = [];
try {
    $resource_types = $pdo->query("SELECT * FROM resource_types ORDER BY name ASC")->fetchAll();
} catch (Exception $e) {
    // ตารางยังไม่ถูกสร้าง
}

// Fetch resources for list ตามสิทธิ์
$resources = getAccessibleResources($pdo, $user);

// Filter โดยสถานศึกษา (ถ้า user_type_id = 1 เลือก school)
if ($user['user_type_id'] == '1' && !empty($selected_school)) {
    // ดึง usernames ของผู้ใช้ที่มี leader = selected_school หรือเป็น school นั้นเอง
    $stmt_filter = $pdo->prepare("SELECT username FROM users WHERE username = ? OR (leader = ? AND user_type_id = '4')");
    $stmt_filter->execute([$selected_school, $selected_school]);
    $allowed_creators = $stmt_filter->fetchAll(PDO::FETCH_COLUMN);

    // Filter resources โดยตรวจสอบ created_by
    if (!empty($allowed_creators)) {
        $resources = array_filter($resources, function($r) use ($allowed_creators) {
            return in_array($r['created_by'], $allowed_creators);
        });
    } else {
        $resources = [];
    }
}

// Filter โดยชื่อแหล่งเรียนรู้
if (!empty($search_name)) {
    $resources = array_filter($resources, function($r) use ($search_name) {
        return stripos($r['name'], $search_name) !== false;
    });
}

// Filter โดยประเภทแหล่งเรียนรู้
if (!empty($search_type)) {
    $resources = array_filter($resources, function($r) use ($search_type) {
        return ($r['type'] ?? '') === $search_type;
    });
}

// Filter โดยตำบล (ถ้า user_type_id = 2 เลือก subdistrict)
if ($user['user_type_id'] == '2' && !empty($search_subdistrict)) {
    $resources = array_filter($resources, function($r) use ($search_subdistrict) {
        return $r['sub_district'] === $search_subdistrict;
    });
}

// Fetch single resource for edit/view
$editData = null;
$editStatus = 'pending';
$isEditMode = false;
$canViewOnly = false;

if ($action == 'edit' && isset($_GET['id'])) {
    $stmt = $pdo->prepare("SELECT * FROM learning_resources WHERE id = ?");
    $stmt->execute([$_GET['id']]);
    $editData = $stmt->fetch();

    if (!$editData) {
        header("Location: resources.php");
        exit();
    }

    $editStatus = $editData['status'] ?? 'pending';

    // ตรวจสอบสิทธิ์ในการแก้ไข
    if (canEditRecord($user, $editData)) {
        $isEditMode = true;
    } elseif (canAccessRecord($user, $editData)) {
        $canViewOnly = true;
    } else {
        header("Location: resources.php");
        exit();
    }
}

?>

<!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">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <style>
        :root {
            --sidebar-width: 260px;
            --primary: #6A5ACD;
            --primary-dark: #483d8b;
        }

        body {
            background: #f8f9fa;
            font-family: 'Sarabun', sans-serif;
        }

        .sidebar {
            width: var(--sidebar-width);
            height: 100vh;
            background: var(--primary-dark);
            position: fixed;
            left: 0;
            top: 0;
            padding: 20px;
            color: white;
        }

        .sidebar .nav-link {
            color: rgba(255, 255, 255, 0.7);
            padding: 12px 15px;
            border-radius: 8px;
            margin-bottom: 5px;
            text-decoration: none;
            display: block;
        }

        .sidebar .nav-link:hover,
        .sidebar .nav-link.active {
            color: white;
            background: rgba(255, 255, 255, 0.1);
        }

        .main-content {
            margin-left: var(--sidebar-width);
            padding: 40px;
        }
    </style>
</head>

<body>
    <?php require_once '../includes/navbar.php'; ?>

    <div class="main-content">
        <div class="alert alert-info mb-3">
            <small>
                👤 ผู้ใช้: <?php echo $user['username'] ?? 'N/A'; ?> |
                📊 ประเภท: <?php echo $user['user_type_id'] ?? 'N/A'; ?> |
                🏢 Leader: <?php echo $user['leader'] ?? 'N/A'; ?> |
                📍 จังหวัด: <?php echo $user['province'] ?? 'N/A'; ?>
            </small>
        </div>

        <div class="d-flex justify-content-between align-items-center mb-4">
            <h2>จัดการแหล่งเรียนรู้</h2>
            <?php if ($action == 'list'): ?>
                <?php if ($user['user_type_id'] == '4'): ?>
                    <a href="resources.php?action=add" class="btn btn-primary"><i class="fas fa-plus"></i>
                        เพิ่มแหล่งเรียนรู้</a>
                <?php endif; ?>
            <?php else: ?>
                <a href="resources.php" class="btn btn-secondary"><i class="fas fa-arrow-left"></i> กลับไปรายการ</a>
            <?php endif; ?>
        </div>

        <?php if ($message || isset($_GET['msg'])): ?>
            <div class="alert alert-success">
                <?php echo $message ?: ($_GET['msg'] == 'deleted' ? 'ลบข้อมูลเรียบร้อยแล้ว' : ''); ?>
            </div>
        <?php endif; ?>

        <?php if ($action == 'list'): ?>
            <?php if ($user['user_type_id'] == '1' && !empty($schools)): ?>
                <div class="card border-0 shadow-sm rounded-4 p-4 mb-4" style="background-color: #f0f8ff; border-left: 4px solid #6A5ACD;">
                    <h5 class="mb-3"><i class="fas fa-filter"></i> ค้นหาแหล่งเรียนรู้</h5>
                    <form method="GET" class="row g-3 align-items-end">
                        <div class="col-md-3">
                            <label class="form-label fw-bold">สถานศึกษา</label>
                            <select name="school_filter" class="form-select" style="border: 2px solid #6A5ACD;">
                                <option value="">-- ทั้งหมด --</option>
                                <?php if (!empty($schools)): ?>
                                    <?php foreach ($schools as $school): ?>
                                        <option value="<?php echo $school['username']; ?>"
                                            <?php echo ($selected_school === $school['username']) ? 'selected' : ''; ?>>
                                            <?php echo $school['firstname'] ?? $school['username']; ?>
                                        </option>
                                    <?php endforeach; ?>
                                <?php endif; ?>
                            </select>
                        </div>
                        <div class="col-md-2">
                            <label class="form-label fw-bold">ประเภท</label>
                            <select name="search_type" class="form-select" style="border: 2px solid #6A5ACD;">
                                <option value="">-- ทั้งหมด --</option>
                                <?php foreach ($resource_types as $rt): ?>
                                    <option value="<?php echo htmlspecialchars($rt['name']); ?>"
                                        <?php echo ($search_type === $rt['name']) ? 'selected' : ''; ?>>
                                        <?php echo htmlspecialchars($rt['name']); ?>
                                    </option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                        <div class="col-md-1">
                            <button type="submit" class="btn btn-primary btn-sm w-100">
                                <i class="fas fa-search"></i> ค้นหา
                            </button>
                        </div>
                        <div class="col-md-1">
                            <a href="resources.php" class="btn btn-outline-secondary btn-sm w-100">
                                <i class="fas fa-redo"></i> รีเซ็ต
                            </a>
                        </div>
                    </form>
                </div>
            <?php endif; ?>

            <?php if ($user['user_type_id'] == '2' || $user['user_type_id'] == '4'): ?>
                <div class="card border-0 shadow-sm rounded-4 p-4 mb-4" style="background-color: #f8f0ff; border-left: 4px solid #6A5ACD;">
                    <h5 class="mb-3"><i class="fas fa-search"></i> ค้นหาแหล่งเรียนรู้</h5>
                    <form method="GET" class="row g-3 align-items-end">
                        <div class="col-md-3">
                            <label class="form-label fw-bold">ค้นหาตามชื่อ</label>
                            <input type="text" name="search_name" class="form-control" placeholder="พิมพ์ชื่อแหล่งเรียนรู้..."
                                value="<?php echo htmlspecialchars($search_name); ?>" style="border: 2px solid #6A5ACD;">
                        </div>

                        <div class="col-md-2">
                            <label class="form-label fw-bold">ประเภท</label>
                            <select name="search_type" class="form-select" style="border: 2px solid #6A5ACD;">
                                <option value="">-- ทั้งหมด --</option>
                                <?php foreach ($resource_types as $rt): ?>
                                    <option value="<?php echo htmlspecialchars($rt['name']); ?>"
                                        <?php echo ($search_type === $rt['name']) ? 'selected' : ''; ?>>
                                        <?php echo htmlspecialchars($rt['name']); ?>
                                    </option>
                                <?php endforeach; ?>
                            </select>
                        </div>

                        <?php if (!empty($subdistricts)): ?>
                            <div class="col-md-2">
                                <label class="form-label fw-bold">ตำบล</label>
                                <select name="search_subdistrict" class="form-select" style="border: 2px solid #6A5ACD;">
                                    <option value="">-- ทั้งหมด --</option>
                                    <?php foreach ($subdistricts as $subdist): ?>
                                        <option value="<?php echo htmlspecialchars($subdist); ?>"
                                            <?php echo ($search_subdistrict === $subdist) ? 'selected' : ''; ?>>
                                            <?php echo htmlspecialchars($subdist); ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                        <?php endif; ?>

                        <div class="col-md-1">
                            <button type="submit" class="btn btn-primary btn-sm w-100">
                                <i class="fas fa-search"></i> ค้นหา
                            </button>
                        </div>
                        <div class="col-md-1">
                            <a href="resources.php" class="btn btn-outline-secondary btn-sm w-100">
                                <i class="fas fa-redo"></i> รีเซ็ต
                            </a>
                        </div>
                    </form>
                </div>
            <?php endif; ?>

            <div class="card border-0 shadow-sm rounded-4 overflow-hidden">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead class="bg-light">
                            <tr>
                                <th class="py-3 text-center" style="width: 50px;">ที่</th>
                                <th class="px-4 py-3">ชื่อแหล่งเรียนรู้</th>
                                <th class="py-3">ประเภท</th>
                                <th class="py-3">จังหวัด</th>
                                <th class="py-3">อำเภอ</th>
                                <th class="py-3 text-center">สถานะ</th>
                                <th class="py-3 text-center">จัดการ</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php
                            $total = count($resources);
                            $counter = $total;
                            foreach ($resources as $row):
                                $isOwner = ($row['created_by'] === $user['username']);
                                $canApprove = canApproveRecord($pdo, $user, $row);

                                $status = $row['status'] ?? 'pending';
                                if ($status === 'approved') {
                                    $statusBadge = '<span class="badge bg-success"><i class="fas fa-check me-1"></i>อนุมัติแล้ว</span>';
                                } elseif ($status === 'rejected') {
                                    $statusBadge = '<span class="badge bg-danger"><i class="fas fa-times me-1"></i>ปฏิเสธแล้ว</span>';
                                } else {
                                    $statusBadge = '<span class="badge bg-warning"><i class="fas fa-clock me-1"></i>รอการอนุมัติ</span>';
                                }
                            ?>
                                <tr>
                                    <td class="py-3 text-center fw-bold"><?php echo $counter; ?></td>
                                    <td class="px-4 py-3"><?php echo htmlspecialchars($row['name']); ?></td>
                                    <td class="py-3"><span class="badge bg-light text-dark"><?php echo htmlspecialchars($row['type'] ?? '-'); ?></span></td>
                                    <td class="py-3"><?php echo $row['province']; ?></td>
                                    <td class="py-3"><?php echo $row['district']; ?></td>
                                    <td class="py-3 text-center"><?php echo $statusBadge; ?></td>
                                    <td class="py-3 text-center">
                                        <?php if ($isOwner): ?>
                                            <?php if ($status === 'pending' || $status === 'rejected'): ?>
                                                <a href="resources.php?action=edit&id=<?php echo $row['id']; ?>"
                                                    class="btn btn-sm btn-outline-warning me-1" title="แก้ไข"><i class="fas fa-edit"></i></a>
                                                <a href="javascript:void(0)" class="btn btn-sm btn-outline-danger" onclick="confirmDelete(<?php echo $row['id']; ?>)" title="ลบ"><i class="fas fa-trash"></i></a>
                                            <?php else: ?>
                                                <button type="button" class="btn btn-sm btn-outline-info" onclick="showApprovedMessage()" title="ข้อมูลเพิ่มเติม"><i class="fas fa-info-circle"></i></button>
                                            <?php endif; ?>
                                        <?php elseif ($user['user_type_id'] == '1'): ?>
                                            <a href="resources.php?action=edit&id=<?php echo $row['id']; ?>"
                                                class="btn btn-sm btn-outline-info" title="ดู"><i class="fas fa-eye"></i></a>
                                        <?php elseif ($canApprove): ?>
                                            <a href="resources.php?action=edit&id=<?php echo $row['id']; ?>"
                                                class="btn btn-sm btn-outline-info me-1" title="ดู"><i class="fas fa-eye"></i></a>
                                            <?php if ($status === 'pending'): ?>
                                                <a href="javascript:void(0)" class="btn btn-sm btn-outline-success me-1" onclick="confirmApprove(<?php echo $row['id']; ?>)" title="อนุมัติ"><i class="fas fa-check"></i></a>
                                                <a href="javascript:void(0)" class="btn btn-sm btn-outline-danger" onclick="confirmReject(<?php echo $row['id']; ?>)" title="ปฏิเสธ"><i class="fas fa-times"></i></a>
                                            <?php elseif ($status === 'approved' && $row['approved_by'] === $user['username']): ?>
                                                <a href="javascript:void(0)" class="btn btn-sm btn-outline-secondary" onclick="confirmUnapprove(<?php echo $row['id']; ?>)" title="ยกเลิกการอนุมัติ"><i class="fas fa-undo"></i></a>
                                            <?php endif; ?>
                                        <?php else: ?>
                                            <a href="resources.php?action=edit&id=<?php echo $row['id']; ?>"
                                                class="btn btn-sm btn-outline-info" title="ดู"><i class="fas fa-eye"></i></a>
                                        <?php endif; ?>
                                    </td>
                                </tr>
                            <?php $counter--; endforeach; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        <?php else: ?>
            <style>
                .section-header {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    padding: 10px 16px;
                    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
                    color: white;
                    border-radius: 10px;
                    font-weight: 600;
                    font-size: 0.95rem;
                    margin-bottom: 16px;
                }
                .section-card {
                    background: #fff;
                    border: 1px solid #e9ecef;
                    border-radius: 12px;
                    padding: 20px 24px;
                    margin-bottom: 20px;
                }
                .form-label {
                    font-weight: 500;
                    color: #444;
                    margin-bottom: 5px;
                    font-size: 0.9rem;
                }
                .form-control, .form-select {
                    border-radius: 8px;
                    border-color: #dee2e6;
                    font-size: 0.95rem;
                }
                .form-control:focus, .form-select:focus {
                    border-color: var(--primary);
                    box-shadow: 0 0 0 0.2rem rgba(106,90,205,0.15);
                }
                .form-control[readonly] {
                    background-color: #f8f9fa;
                    color: #6c757d;
                }
                .upload-zone {
                    border: 2px dashed #c5c0e0;
                    border-radius: 10px;
                    padding: 20px;
                    text-align: center;
                    background: #faf9ff;
                    cursor: pointer;
                    transition: all 0.2s;
                }
                .upload-zone:hover {
                    border-color: var(--primary);
                    background: #f3f0ff;
                }
                .upload-zone input[type="file"] {
                    display: none;
                }
                .upload-zone label {
                    cursor: pointer;
                    margin: 0;
                }
            </style>

            <?php
            // แสดงสถานะการอนุมัติหากเป็นการดูอย่างเดียว (ไม่ใช่เจ้าของ)
            if ($canViewOnly && $editData):
                $approvalText = '';
                $alertClass = 'alert-info';

                if ($editStatus === 'approved') {
                    $alertClass = 'alert-success';
                    $approvalText = '✓ อนุมัติแล้วโดย ' . htmlspecialchars($editData['approved_by'] ?? '') . ' เมื่อ ' . ($editData['approved_date'] ?? '');
                } elseif ($editStatus === 'rejected') {
                    $alertClass = 'alert-danger';
                    $approvalText = '✗ ปฏิเสธแล้ว';
                } else {
                    $alertClass = 'alert-warning';
                    $approvalText = '⏳ รอการอนุมัติ';
                }
            ?>
                <div class="alert <?php echo $alertClass; ?> d-flex align-items-center gap-3 mb-4" style="border-radius: 12px;">
                    <i class="fas fa-info-circle fa-lg"></i>
                    <div>
                        <strong>โหมดดูอย่างเดียว</strong><br>
                        <small><?php echo $approvalText; ?></small>
                    </div>
                </div>
            <?php elseif ($isEditMode && $editData && $editStatus === 'rejected'): ?>
                <div class="alert alert-warning d-flex align-items-center gap-3 mb-4" style="border-radius: 12px;">
                    <i class="fas fa-exclamation-circle fa-lg"></i>
                    <div>
                        <strong>เนื้อหาถูกปฏิเสธ</strong><br>
                        <small>โปรดแก้ไขตามข้อเสนอแนะและส่งอนุมัติอีกครั้ง</small>
                    </div>
                </div>
            <?php endif; ?>

            <form method="POST" enctype="multipart/form-data">
                <?php if ($editData): ?>
                    <input type="hidden" name="id" value="<?php echo $editData['id']; ?>">
                <?php endif; ?>

                <div class="section-card">
                    <div class="section-header">
                        <i class="fas fa-info-circle"></i> ข้อมูลหลัก
                    </div>
                    <div class="row g-3">
                        <div class="col-md-8">
                            <label class="form-label">ชื่อแหล่งเรียนรู้ <span class="text-danger">*</span></label>
                            <input type="text" name="name" class="form-control" required placeholder="กรอกชื่อแหล่งเรียนรู้"
                                value="<?php echo htmlspecialchars($editData['name'] ?? ''); ?>" <?php echo ($canViewOnly && !$isEditMode) ? 'disabled' : ''; ?>>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">ประเภทแหล่งเรียนรู้</label>
                            <select name="type" class="form-select">
                                <option value="">-- เลือกประเภท --</option>
                                <?php
                                $stmt_type = $pdo->query("SELECT * FROM `resource_types`");
                                while ($res_type = $stmt_type->fetch()) {
                                    $selected = (isset($editData['type']) && $editData['type'] == $res_type['name']) ? 'selected' : '';
                                    echo "<option value='{$res_type['name']}' {$selected}>{$res_type['name']}</option>";
                                }
                                ?>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">สาระการเรียนรู้</label>
                            <select name="subject" class="form-select">
                                <option value="">-- เลือกสาระการเรียนรู้ --</option>
                                <?php
                                $stmt_subject = $pdo->query("SELECT * FROM `learning_subjects`");
                                while ($subj = $stmt_subject->fetch()) {
                                    $selected = (isset($editData['subject']) && $editData['subject'] == $subj['name']) ? 'selected' : '';
                                    echo "<option value='{$subj['name']}' {$selected}>{$subj['name']}</option>";
                                }
                                ?>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">สาขาภูมิปัญญาท้องถิ่น</label>
                            <select name="wisdom_branch" class="form-select">
                                <option value="">-- เลือกสาขาภูมิปัญญา --</option>
                                <?php
                                $stmt_branch = $pdo->query("SELECT * FROM `wisdom_branches`");
                                while ($branch = $stmt_branch->fetch()) {
                                    $selected = (isset($editData['wisdom_branch']) && $editData['wisdom_branch'] == $branch['name']) ? 'selected' : '';
                                    echo "<option value='{$branch['name']}' {$selected}>{$branch['name']}</option>";
                                }
                                ?>
                            </select>
                        </div>
                        <div class="col-md-12">
                            <label class="form-label">รายละเอียด / องค์ความรู้</label>
                            <textarea name="knowledge_detail" class="form-control" rows="4" placeholder="อธิบายรายละเอียดของแหล่งเรียนรู้..."><?php echo htmlspecialchars($editData['knowledge_detail'] ?? ''); ?></textarea>
                        </div>
                    </div>
                </div>

                <div class="section-card">
                    <div class="section-header">
                        <i class="fas fa-map-marker-alt"></i> ที่ตั้ง
                    </div>
                    <?php
                    $geo_list = [1 => 'ภาคเหนือ', 2 => 'ภาคตะวันออกเฉียงเหนือ', 3 => 'ภาคตะวันออก', 4 => 'ภาคกลาง', 5 => 'ภาคใต้'];
                    $geo_value = $_SESSION['user_data']['geo'] ?? $editData['geo'] ?? '';
                    $geo_display = $geo_list[$geo_value] ?? $geo_value;
                    ?>
                    <input type="hidden" name="geo" value="<?php echo $geo_value; ?>">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-globe-asia text-muted me-1"></i> ภาค</label>
                            <input type="text" class="form-control" readonly value="<?php echo $geo_display; ?>">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-city text-muted me-1"></i> จังหวัด</label>
                            <input type="text" name="province" class="form-control" readonly
                                value="<?php echo $_SESSION['user_data']['province'] ?? $editData['province'] ?? ''; ?>">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-map text-muted me-1"></i> อำเภอ</label>
                            <input type="text" name="district" class="form-control" readonly
                                value="<?php echo $_SESSION['user_data']['amphur'] ?? $editData['district'] ?? ''; ?>">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-map-pin text-muted me-1"></i> ตำบล</label>
                            <input type="text" name="sub_district" class="form-control" readonly
                                value="<?php echo $_SESSION['user_data']['tumbon'] ?? $editData['sub_district'] ?? ''; ?>">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-mail-bulk text-muted me-1"></i> รหัสไปรษณีย์</label>
                            <input type="text" name="zip_code" class="form-control" inputmode="numeric" pattern="[0-9]{5}" maxlength="5" placeholder="เช่น 10100"
                                value="<?php echo $editData['zip_code'] ?? ''; ?>">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-phone text-muted me-1"></i> เบอร์โทรศัพท์</label>
                            <input type="text" name="phone" class="form-control" inputmode="numeric" pattern="[0-9]{10}" maxlength="10" placeholder="เช่น 0891234567"
                                value="<?php echo $editData['phone'] ?? ''; ?>">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-crosshairs text-muted me-1"></i> ละติจูด</label>
                            <input type="text" name="latitude" class="form-control" placeholder="เช่น 13.7563"
                                value="<?php echo $editData['latitude'] ?? ''; ?>">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label"><i class="fas fa-crosshairs text-muted me-1"></i> ลองติจูด</label>
                            <input type="text" name="longitude" class="form-control" placeholder="เช่น 100.5018"
                                value="<?php echo $editData['longitude'] ?? ''; ?>">
                        </div>
                    </div>
                </div>

                <div class="section-card">
                    <div class="section-header">
                        <i class="fas fa-photo-video"></i> สื่อและรูปภาพ
                    </div>
                    <div class="row g-3">
                        <div class="col-md-12">
                            <label class="form-label"><i class="fas fa-video text-muted me-1"></i> URL วิดีโอ (YouTube, Facebook)</label>
                            <input type="text" name="video_url" class="form-control" placeholder="https://..."
                                value="<?php echo $editData['video_url'] ?? ''; ?>">
                        </div>

                        <div class="col-md-12">
                            <label class="form-label"><i class="fas fa-image text-muted me-1"></i> รูปภาพปก <small class="text-muted">(JPEG, PNG · ระบบย่อขนาดอัตโนมัติ)</small></label>
                            <div class="upload-zone" id="cover_zone" onclick="document.getElementById('cover_image_input').click()">
                                <input type="file" id="cover_image_input" name="cover_image" accept=".jpg,.jpeg,.png,image/jpeg,image/png">
                                <div id="cover_placeholder">
                                    <i class="fas fa-cloud-upload-alt fa-2x text-muted mb-2 d-block"></i>
                                    <span class="text-muted">คลิกเพื่อเลือกรูปภาพปก</span>
                                </div>
                                <div id="cover_preview" class="mt-2"></div>
                            </div>
                            <?php if (!empty($editData['cover_image'])): ?>
                                <div id="cover_old_preview" class="mt-2">
                                    <small class="text-muted d-block mb-1">รูปปกปัจจุบัน:</small>
                                    <img src="upload/<?php echo htmlspecialchars($editData['cover_image']); ?>" class="img-thumbnail rounded-3" style="max-width: 180px; height: 120px; object-fit: cover;">
                                </div>
                            <?php endif; ?>
                        </div>

                        <div class="col-md-12">
                            <label class="form-label"><i class="fas fa-images text-muted me-1"></i> รูปภาพหลัก <small class="text-muted">(JPEG, PNG · สูงสุด 4 ภาพ · ย่อขนาดอัตโนมัติ · ลากเพื่อสลับตำแหน่ง)</small></label>
                            <div class="upload-zone" id="images_zone" onclick="document.getElementById('images_input').click()">
                                <input type="file" id="images_input" name="images[]" multiple accept=".jpg,.jpeg,.png,image/jpeg,image/png">
                                <div id="images_placeholder">
                                    <i class="fas fa-cloud-upload-alt fa-2x text-muted mb-2 d-block"></i>
                                    <span class="text-muted">คลิกเพื่อเลือกรูปภาพ (สูงสุด 4 ภาพ)</span>
                                </div>
                            </div>
                            <div id="images_preview" class="mt-3 d-flex flex-wrap gap-2"></div>

                            <?php
                            if (!empty($editData['image_url'])) {
                                $current_imgs = json_decode($editData['image_url'], true);
                                if (is_array($current_imgs) && count($current_imgs) > 0) {
                                    echo '<div id="images_old_preview" class="mt-2">';
                                    echo '<small class="text-muted d-block mb-1">รูปภาพเดิม:</small>';
                                    echo '<div class="d-flex flex-wrap gap-2">';
                                    foreach ($current_imgs as $img_name) {
                                        echo '<img src="upload/' . htmlspecialchars($img_name) . '" class="img-thumbnail rounded-3" style="width: 100px; height: 100px; object-fit: cover;">';
                                    }
                                    echo '</div></div>';
                                }
                            }
                            ?>
                        </div>
                    </div>
                </div>

                <div class="d-flex gap-3">
                    <?php if ($isEditMode || !$editData): ?>
                        <?php
                        $buttonText = "บันทึกข้อมูล";
                        $buttonIcon = "fa-save";
                        if ($editData && $editStatus === 'rejected') {
                            $buttonText = "ส่งอนุมัติอีกครั้ง";
                            $buttonIcon = "fa-paper-plane";
                        }
                        ?>
                        <button type="submit" class="btn btn-primary px-5 py-2" style="background: linear-gradient(135deg, var(--primary), var(--primary-dark)); border: none; border-radius: 10px; font-weight: 600;">
                            <i class="fas <?php echo $buttonIcon; ?> me-2"></i><?php echo $buttonText; ?>
                        </button>
                    <?php elseif ($canViewOnly && canApproveRecord($pdo, $user, $editData)): ?>
                        <?php if ($editStatus === 'pending'): ?>
                            <a href="javascript:void(0)" class="btn btn-success px-5 py-2" style="border-radius: 10px; font-weight: 600;" onclick="confirmApprove(<?php echo $editData['id']; ?>)">
                                <i class="fas fa-check me-2"></i>อนุมัติ
                            </a>
                            <a href="javascript:void(0)" class="btn btn-danger px-5 py-2" style="border-radius: 10px; font-weight: 600;" onclick="confirmReject(<?php echo $editData['id']; ?>)">
                                <i class="fas fa-times me-2"></i>ปฏิเสธ
                            </a>
                        <?php elseif ($editStatus === 'approved' && $editData['approved_by'] === $user['username']): ?>
                            <a href="javascript:void(0)" class="btn btn-outline-secondary px-5 py-2" style="border-radius: 10px; font-weight: 600;" onclick="confirmUnapprove(<?php echo $editData['id']; ?>)">
                                <i class="fas fa-undo me-2"></i>ยกเลิกการอนุมัติ
                            </a>
                        <?php endif; ?>
                    <?php endif; ?>
                    <a href="resources.php" class="btn btn-outline-secondary px-4 py-2" style="border-radius: 10px;">
                        <i class="fas fa-arrow-left me-2"></i>กลับไป
                    </a>
                </div>

            </form>
        <?php endif; ?>
    </div>

    <script>
        // ตัวแปรเก็บ File objects สำหรับรูปภาพหลัก
        let selectedFiles = [];
        let draggedIndex = null;

        // ปิดใช้งาน form fields เมื่อเป็นโหมดดูอย่างเดียว
        const isViewOnly = <?php echo ($canViewOnly && !$isEditMode) ? 'true' : 'false'; ?>;
        if (isViewOnly) {
            document.querySelectorAll('form input, form select, form textarea, .upload-zone').forEach(el => {
                el.disabled = true;
                el.style.pointerEvents = 'none';
                el.style.cursor = 'not-allowed';
            });
        }

        // ตรวจสอบประเภทไฟล์
        const allowedTypes = ['image/jpeg', 'image/png'];

        function isValidImageType(file) {
            return allowedTypes.includes(file.type);
        }

        // จำกัดการพิมพ์ให้เฉพาะตัวเลข สำหรับ zip_code และ phone
        document.querySelectorAll('input[name="zip_code"], input[name="phone"]').forEach(input => {
            input.addEventListener('keypress', function(e) {
                if (!/[0-9]/.test(e.key)) {
                    e.preventDefault();
                }
            });
            input.addEventListener('input', function(e) {
                this.value = this.value.replace(/[^0-9]/g, '');
            });
        });

        // Handle Cover Image Preview (เฉพาะโหมดแก้ไข)
        const coverInput = document.getElementById('cover_image_input');
        if (coverInput && !isViewOnly) {
            coverInput.addEventListener('change', function(e) {
                const preview = document.getElementById('cover_preview');
                const placeholder = document.getElementById('cover_placeholder');
                const oldPreview = document.getElementById('cover_old_preview');
                preview.innerHTML = '';

                if (this.files && this.files[0]) {
                    if (!isValidImageType(this.files[0])) {
                        alert('⚠️ ไฟล์ไม่ถูกต้อง! โปรดเลือกเฉพาะไฟล์ JPEG หรือ PNG');
                        this.value = '';
                        return;
                    }

                    const reader = new FileReader();
                    reader.onload = function(event) {
                        placeholder.style.display = 'none';
                        const img = document.createElement('img');
                        img.src = event.target.result;
                        img.className = 'img-thumbnail rounded-3';
                        img.style.maxWidth = '180px';
                        img.style.height = '120px';
                        img.style.objectFit = 'cover';
                        preview.appendChild(img);
                    };
                    reader.readAsDataURL(this.files[0]);
                    if (oldPreview) oldPreview.style.display = 'none';
                }
            });
        }

        // Handle Main Images Preview & Drag & Drop (เฉพาะโหมดแก้ไข)
        const imagesInput = document.getElementById('images_input');
        if (imagesInput && !isViewOnly) {
            imagesInput.addEventListener('change', function(e) {
                const invalidFiles = Array.from(this.files).filter(f => !isValidImageType(f));
                if (invalidFiles.length > 0) {
                    alert('⚠️ ไฟล์ไม่ถูกต้อง! โปรดเลือกเฉพาะไฟล์ JPEG หรือ PNG');
                    this.value = '';
                    document.getElementById('images_preview').innerHTML = '';
                    selectedFiles = [];
                    return;
                }

                selectedFiles = Array.from(this.files).slice(0, 4);
                document.getElementById('images_placeholder').style.display = 'none';
                updateImagesPreview();
            });
        }

        function updateImagesPreview() {
            const preview = document.getElementById('images_preview');
            preview.innerHTML = '';

            selectedFiles.forEach((file, index) => {
                const reader = new FileReader();
                reader.onload = function(event) {
                    const container = document.createElement('div');
                    container.className = 'position-relative';
                    container.draggable = true;
                    container.dataset.index = index;
                    container.style.cursor = 'grab';

                    const img = document.createElement('img');
                    img.src = event.target.result;
                    img.className = 'img-thumbnail rounded-3';
                    img.style.width = '100px';
                    img.style.height = '100px';
                    img.style.objectFit = 'cover';

                    container.appendChild(img);

                    // Drag events
                    container.addEventListener('dragstart', handleDragStart);
                    container.addEventListener('dragover', handleDragOver);
                    container.addEventListener('drop', handleDrop);
                    container.addEventListener('dragend', handleDragEnd);
                    container.addEventListener('dragenter', handleDragEnter);
                    container.addEventListener('dragleave', handleDragLeave);

                    preview.appendChild(container);
                };
                reader.readAsDataURL(file);
            });
        }

        function handleDragStart(e) {
            draggedIndex = parseInt(this.dataset.index);
            this.style.opacity = '0.5';
        }

        function handleDragOver(e) {
            e.preventDefault();
            e.dropEffect = 'move';
        }

        function handleDragEnter(e) {
            if (parseInt(this.dataset.index) !== draggedIndex) {
                this.style.transform = 'scale(1.1)';
            }
        }

        function handleDragLeave(e) {
            this.style.transform = 'scale(1)';
        }

        function handleDrop(e) {
            e.preventDefault();
            const targetIndex = parseInt(this.dataset.index);

            if (draggedIndex !== targetIndex) {
                // สลับตำแหน่ง
                [selectedFiles[draggedIndex], selectedFiles[targetIndex]] = [selectedFiles[targetIndex], selectedFiles[draggedIndex]];
                updateImagesPreview();
            }
        }

        function handleDragEnd(e) {
            this.style.opacity = '1';
            document.querySelectorAll('#images_preview > div').forEach(el => {
                el.style.transform = 'scale(1)';
            });
        }

        // Update file input เมื่อมีการสลับตำแหน่ง
        function updateImagesPreview() {
            const preview = document.getElementById('images_preview');
            const imagesInput = document.getElementById('images_input');
            preview.innerHTML = '';

            // สร้าง DataTransfer เพื่ออัพเดต file input
            const dataTransfer = new DataTransfer();
            selectedFiles.forEach(file => {
                dataTransfer.items.add(file);
            });
            imagesInput.files = dataTransfer.files;

            selectedFiles.forEach((file, index) => {
                const reader = new FileReader();
                reader.onload = function(event) {
                    const container = document.createElement('div');
                    container.className = 'position-relative';
                    container.draggable = true;
                    container.dataset.index = index;
                    container.style.cursor = 'grab';

                    const img = document.createElement('img');
                    img.src = event.target.result;
                    img.className = 'img-thumbnail rounded-3';
                    img.style.width = '100px';
                    img.style.height = '100px';
                    img.style.objectFit = 'cover';

                    container.appendChild(img);

                    // Drag events
                    container.addEventListener('dragstart', handleDragStart);
                    container.addEventListener('dragover', handleDragOver);
                    container.addEventListener('drop', handleDrop);
                    container.addEventListener('dragend', handleDragEnd);
                    container.addEventListener('dragenter', handleDragEnter);
                    container.addEventListener('dragleave', handleDragLeave);

                    preview.appendChild(container);
                };
                reader.readAsDataURL(file);
            });
        }

        // SweetAlert2 Confirmation Functions
        function confirmDelete(id) {
            Swal.fire({
                title: 'ลบแหล่งเรียนรู้',
                text: 'คุณแน่ใจว่าต้องการลบแหล่งเรียนรู้นี้?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'ลบ',
                cancelButtonText: 'ยกเลิก',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = 'resources.php?action=delete&id=' + id;
                }
            });
        }

        function confirmApprove(id) {
            Swal.fire({
                title: 'อนุมัติแหล่งเรียนรู้',
                text: 'คุณแน่ใจว่าต้องการอนุมัติแหล่งเรียนรู้นี้?',
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#198754',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'อนุมัติ',
                cancelButtonText: 'ยกเลิก',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = 'resources.php?action=approve&id=' + id;
                }
            });
        }

        function confirmReject(id) {
            Swal.fire({
                title: 'ปฏิเสธแหล่งเรียนรู้',
                text: 'คุณแน่ใจว่าต้องการปฏิเสธแหล่งเรียนรู้นี้?',
                icon: 'error',
                showCancelButton: true,
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'ปฏิเสธ',
                cancelButtonText: 'ยกเลิก',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = 'resources.php?action=reject&id=' + id;
                }
            });
        }

        function confirmUnapprove(id) {
            Swal.fire({
                title: 'ยกเลิกการอนุมัติ',
                text: 'แหล่งเรียนรู้จะกลับเป็นสถานะรอการอนุมัติ',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#6c757d',
                cancelButtonColor: '#adb5bd',
                confirmButtonText: 'ยกเลิกการอนุมัติ',
                cancelButtonText: 'ไม่',
                reverseButtons: true
            }).then((result) => {
                if (result.isConfirmed) {
                    window.location.href = 'resources.php?action=unapprove&id=' + id;
                }
            });
        }

        function showApprovedMessage() {
            Swal.fire({
                title: 'อนุมัติแล้ว',
                text: 'หากต้องการแก้ไขให้ติดต่อ สกร.อำเภอท่าน',
                icon: 'info',
                confirmButtonColor: '#0d6efd',
                confirmButtonText: 'ตกลง'
            });
        }
    </script>
</body>

</html>