// src/stores/app.js
import { defineStore } from 'pinia';

const IMAGE_BASE_URL = '';

export const useAppStore = defineStore('app', {
    state: () => ({
        isTh: true,
        tabs: [ // ตรวจสอบว่า tabs array ใน store ตรงกับ TabNews.vue
            { title: "ข่าวประชาสัมพันธ์หน่วยงาน", title_en: "Human Tech News", category: "HumanTechNews" },
            { title: "ข่าวประชาสัมพันธ์ภายใน", title_en: "Organization News", category: "OrgNews" },
            { title: "ข่าวนวัตกรรม", title_en: "Innovation News", category: "InnovationNews" },
            { title: "Press Release", title_en: "Press Release", category: "GeneralPublic" },
            { title: "ข่าวบริการประชาชน", title_en: "Public Service News", category: "EventActivities" },
        ],

        headers: {
            header_background: { url: '/images/news_header_bg_b815923058.png' },
            logo: { url: '/images/Enter.png' }, // ใช้รูปโลโก้ตามที่ระบุ
            mainColor: '#0A2647', // สีหลักของ Header/Navbar
            main_menus: [
                { id: 1, main_menu: 'หน้าหลัก', main_menu_en: 'Home', link: '/home', order: 1, active: true, active_en: true, sub_menus: [] },
                {
                    id: 2, main_menu: 'รู้จักหน่วยงาน', main_menu_en: 'About HumanTech', order: 2, active: true, active_en: true,
                    // เพิ่ม sub_menu_groups เพื่อรองรับการแสดงผลแบบหลายคอลัมน์
                    sub_menu_groups: [
                        {
                            group_title_th: 'เกี่ยวกับองค์กร',
                            group_title_en: 'About Organization',
                            items: [
                                { id: 21, title_th: 'ประวัติความเป็นมา', title_en: 'HumanTech History', link: '/about/history', order: 1, active: true, active_en: true },
                                { id: 22, title_th: 'วิสัยทัศน์ พันธกิจ', title_en: 'Vision & Mission', link: '/about/vision-mission', order: 2, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'ผู้บริหาร',
                            group_title_en: 'Executives',
                            items: [
                                { id: 23, title_th: 'คณะผู้บริหารองค์กร', title_en: 'Commander-in-Chief', link: '/about/commander', order: 3, active: true, active_en: true },
                                { id: 26, title_th: 'ทำเนียบผู้บริหารองค์กร', title_en: 'Commanders List', link: '/about/commanders-list', order: 6, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'โครงสร้าง',
                            group_title_en: 'Structure',
                            items: [
                                { id: 25, title_th: 'โครงสร้างองค์กร', title_en: 'Organization Structure', link: '/about/organization', order: 5, active: true, active_en: true },
                            ]
                        },
                    ],
                    sub_menus: [] // ล้าง sub_menus เดิม หรือจะเก็บไว้เป็น fallback ก็ได้ แต่ถ้ามี sub_menu_groups จะถูกใช้ก่อน
                },
                {
                    id: 3, main_menu: 'ข้อมูลเผยแพร่', main_menu_en: 'Information', order: 3, active: true, active_en: true,
                    // เพิ่ม sub_menu_groups
                    sub_menu_groups: [
                        {
                            group_title_th: 'เอกสารและวารสาร',
                            group_title_en: 'Documents & Journals',
                            items: [
                                { id: 31, title_th: 'เอกสารเผยแพร่', title_en: 'Publications', link: '/data/publications', order: 1, active: true, active_en: true },
                                { id: 32, title_th: 'วารสารองค์กร', title_en: 'HumanTech Journal', link: '/data/journal', order: 2, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'รายงานและกฎหมาย',
                            group_title_en: 'Reports & Laws',
                            items: [
                                { id: 34, title_th: 'รายงานผลการดำเนินงาน', title_en: 'Performance Report', link: '/data/performance-report', order: 4, active: true, active_en: true },
                                { id: 35, title_th: 'รายงานการเงินหน่วยงาน', title_en: 'HumanTech Financial Report', link: '/data/financial-report', order: 5, active: true, active_en: true },
                                { id: 36, title_th: 'กฎหมายที่เกี่ยวข้อง', title_en: 'Related Laws', link: '/data/laws', order: 6, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'สื่อสารสาธารณะ',
                            group_title_en: 'Public Communication',
                            items: [
                                { id: 33, title_th: 'คลังภาพ/สื่อผสม', title_en: 'Gallery/Media', link: '/data/gallery-media', order: 3, active: true, active_en: true },
                                { id: 37, title_th: 'การเปิดเผยข้อมูลสาธารณะ', title_en: 'Public Information Disclosure', link: '/data/public-disclosure', order: 7, active: true, active_en: true },
                                { id: 38, title_th: 'ปฏิทินกิจกรรม', title_en: 'Activity Calendar', link: '/data/calendar', order: 8, active: true, active_en: true },
                            ]
                        },
                    ],
                    sub_menus: []
                },
                {
                    id: 4, main_menu: 'บริการของเรา', main_menu_en: 'HumanTech Services', order: 5, active: true, active_en: true,
                    sub_menu_groups: [
                        {
                            group_title_th: 'บริการวิชาการ', // คอลัมน์ที่ 1: บริการวิชาการ
                            group_title_en: 'Academic Services',
                            items: [
                                { id: 411, title_th: 'ศูนย์ฝึกอบรมวิชาการ', title_en: 'Training Center for HumanTech', link: '/services/training', order: 1, active: true, active_en: true },
                                { id: 412, title_th: 'ผลงานวิจัย', title_en: 'HumanTech Researches', link: '/services/researches', order: 2, active: true, active_en: true },
                                { id: 413, title_th: 'ศูนย์กฎหมายเพื่อประชาชน', title_en: 'Legal Center for Public', link: '/services/legal-public', order: 3, active: true, active_en: true },
                                //{ id: 414, title_th: 'ศูนย์บริหารวิชาการแจ้งจุฬามหาวิทยาลัย', title_en: 'Academic Administration Center', link: '/services/academic-admin', order: 4, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'บริการทางการแพทย์', // คอลัมน์ที่ 2: บริการทางการแพทย์
                            group_title_en: 'Medical Services',
                            items: [
                                //{ id: 421, title_th: 'ธนาคารโลหิต', title_en: 'Blood Bank', link: '/services/blood-bank', order: 1, active: true, active_en: true },
                                //{ id: 422, title_th: 'บริการทันตกรรม', title_en: 'Dental Services', link: '/services/dental', order: 2, active: true, active_en: true },
                                { id: 423, title_th: 'คลินิกกายภาพบำบัด', title_en: 'Physical Therapy Clinic', link: '/services/physio-clinic', order: 3, active: true, active_en: true },
                                { id: 424, title_th: 'คลินิกโภชนาการและการกำหนดอาหาร', title_en: 'Nutrition & Diet Clinic', link: '/services/nutrition-clinic', order: 4, active: true, active_en: true },
                                //{ id: 425, title_th: 'โรงพยาบาลสัตว์เล็กจุฬาฯ', title_en: 'Small Animal Hospital', link: '/services/animal-hospital', order: 5, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'บริการตรวจวิเคราะห์คุณภาพ', // คอลัมน์ที่ 3: บริการตรวจวิเคราะห์คุณภาพ
                            group_title_en: 'Quality Analysis Services',
                            items: [
                                { id: 431, title_th: 'ศูนย์ทดสอบวิจัย', title_en: 'HumanTech Testing & Research Center', link: '/services/trecs', order: 1, active: true, active_en: true },
                                //{ id: 432, title_th: 'ศูนย์วิทยาศาสตร์ตลาด', title_en: 'Market Science Center', link: '/services/market-science', order: 2, active: true, active_en: true },
                                //{ id: 433, title_th: 'ศูนย์ความยั่งยืนด้านการจัดการและของเสียอันตราย', title_en: 'Sustainability & Hazardous Waste Mgmt Center', link: '/services/sustainability', order: 3, active: true, active_en: true },
                                { id: 434, title_th: 'ตรวจสอบคุณภาพซอฟต์แวร์', title_en: 'Software Quality Monitoring', link: '/services/env-monitoring', order: 4, active: true, active_en: true },
                                //{ id: 435, title_th: 'ศูนย์เครื่องมือวิจัยวิทยาศาสตร์และเทคโนโลยี (STREC)', title_en: 'Scientific Research & Technology Equipment Center (STREC)', link: '/services/strec', order: 5, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'สารสนเทศและการสื่อสาร', // คอลัมน์ที่ 4: สารสนเทศและการสื่อสาร
                            group_title_en: 'Information & Communication',
                            items: [
                                //{ id: 441, title_th: 'สำนักงานวิทยทรัพยากร (หอสมุดกลาง)', title_en: 'Academic Resources Office (Central Library)', link: '/services/library', order: 1, active: true, active_en: true },
                                { id: 442, title_th: 'คลังซอฟต์แวร์', title_en: 'HumanTech Archives Center', link: '/services/archives', order: 2, active: true, active_en: true },
                                //{ id: 443, title_th: 'สำนักพิมพ์แห่งจุฬาฯ', title_en: 'Chula Press', link: '/services/chula-press', order: 3, active: true, active_en: true },
                                { id: 444, title_th: 'ห้องสมุดกลาง', title_en: 'HumanTech Central Library', link: '/services/uni-library', order: 4, active: true, active_en: true },
                                //{ id: 445, title_th: 'สถาบันวิทยุแห่งจุฬาฯ', title_en: 'Chula Radio Institute', link: '/services/chula-radio', order: 5, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'พื้นที่สร้างสรรค์', // คอลัมน์ที่ 5: พื้นที่สร้างสรรค์
                            group_title_en: 'Creative Spaces',
                            items: [
                                //{ id: 451, title_th: 'ศูนย์เครื่องหมายรับรองภูมิปัญญาจุฬาฯ', title_en: 'Chula Intellectual Property Certification Center', link: '/services/ip-center', order: 1, active: true, active_en: true },
                                { id: 452, title_th: 'ศูนย์ฝึกทักษะ', title_en: 'Chula Skills Training Center', link: '/services/skills-training', order: 2, active: true, active_en: true },
                                { id: 453, title_th: 'ธรรมสถาน', title_en: 'HumanTech Dharma Center', link: '/services/dharma-center', order: 3, active: true, active_en: true },
                                { id: 454, title_th: 'สถานที่ท่องเที่ยว', title_en: 'HumanTech Centenary Park', link: '/services/centenary-park', order: 4, active: true, active_en: true },
                                //{ id: 455, title_th: 'จุฬาลงกรณ์ราชบรรณาธิปัตย์', title_en: 'Chulalongkorn Royal Library', link: '/services/royal-library', order: 5, active: true, active_en: true },
                                { id: 456, title_th: 'พิพิธภัณฑ์', title_en: 'HumanTech Museum', link: '/services/museum', order: 6, active: true, active_en: true },
                            ]
                        },
                    ],
                    sub_menus: [] // ตรวจสอบให้แน่ใจว่า sub_menus ถูกล้างออกเมื่อใช้ sub_menu_groups
                },
                {
                    id: 5, main_menu: 'การติดต่อ', main_menu_en: 'Contact', order: 6, active: true, active_en: true,
                    sub_menu_groups: [
                        {
                            group_title_th: 'ข้อมูลติดต่อ', // กลุ่มที่ 1: ข้อมูลและช่องทางติดต่อ
                            group_title_en: 'Contact Information',
                            items: [
                                { id: 51, title_th: 'ที่อยู่ติดต่อสอบถาม', title_en: 'Address & Contact Us', link: '/contact/address', order: 1, active: true, active_en: true },
                                { id: 52, title_th: 'หมายเลขโทรศัพท์', title_en: 'Phone Numbers', link: '/contact/phone', order: 2, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'แผนที่และการเดินทาง', // กลุ่มที่ 2: แผนที่และการเดินทาง
                            group_title_en: 'Maps & Directions',
                            items: [
                                { id: 53, title_th: 'แผนที่และการเดินทางมาสำนักงานใหญ่', title_en: 'Map & Directions to HumanTech', link: '/contact/map-ku', order: 3, active: true, active_en: true },
                                { id: 54, title_th: 'แผนที่และการเดินทางในสำนักงานใหญ่', title_en: 'Map & Directions within HumanTech', link: '/contact/map-within-ku', order: 4, active: true, active_en: true },
                                { id: 55, title_th: 'แผนที่อาคารจอดรถบริเวณสำนักงานใหญ่', title_en: 'Parking Map within HumanTech', link: '/contact/parking-map', order: 5, active: true, active_en: true },
                            ]
                        },
                        {
                            group_title_th: 'บริการช่วยเหลือ', // กลุ่มที่ 3: บริการช่วยเหลือและคำถามที่พบบ่อย
                            group_title_en: 'Support & FAQ',
                            items: [
                                { id: 56, title_th: 'ค้นหาข้อมูล', title_en: 'Search Directory', link: '/contact/search-directory', order: 6, active: true, active_en: true },
                                //{ id: 57, title_th: 'HumanTech Webmail', title_en: 'HumanTech Webmail', link: 'https://webmail.humantech.tech', order: 7, active: true, active_en: true }, // ตัวอย่างลิงก์ภายนอก
                                { id: 58, title_th: 'ถาม ตอบ', title_en: 'Q&A / FAQ', link: '/contact/faq-new', order: 8, active: true, active_en: true },
                            ]
                        },

                        // {
                        //     group_title_th: 'ร้องทุกข์',
                        //     group_title_en: 'Complaints',
                        //     items: [
                        //         { id: 59, title_th: 'ร้องทุกข์ร้องเรียน', title_en: 'Complaints', link: '/contact/complaints', order: 9, active: true, active_en: true },
                        //     ]
                        // },
                    ],
                    sub_menus: [] // ควรล้าง sub_menus เดิมออกเมื่อใช้ sub_menu_groups แล้ว
                },
            ],
        },

        // *** ข้อมูลสำหรับ Footer ***
        footer_menus: {
            menu: [
                { id: 1, title: 'ติดต่อเรา', title_en: 'Contact Us', link: '/contact', File: null, active: true, active_en: true },
                { id: 2, title: 'แผนผังเว็บไซต์', title_en: 'Sitemap', link: '/sitemap', File: null, active: true, active_en: true },
                // เพิ่มเมนู Footer อื่นๆ
                { id: 3, title: 'เอกสารดาวน์โหลด', title_en: 'Downloads', link: null, File: { url: '/docs/document.pdf' }, active: true, active_en: true },
            ]
        },

        // Mock Data สำหรับ Calousels
        calousels: [
            {
                id: 1, // รูปภาพปกติ, มีลิงก์ภายนอก
                type: 'image', // ระบุประเภทเป็น 'image'
                image: { url: '/uploads/main_banner_1.jpg' }, // URL รูปภาพ
                link: 'https://www.google.com', // ลิงก์ภายนอก
                File: null, // ไม่มีไฟล์ให้ดาวน์โหลด
                video_url: null, // ไม่มีวิดีโอ URL
                active: true,
                active_en: true,
                order: 1,
                startDate: '01/01/2025',
                endDate: '12/31/2025',
            },
            {
                id: 2, // รูปภาพ, มีไฟล์ให้ดาวน์โหลด
                type: 'image',
                image: { url: '/uploads/main_banner_2.jpg' },
                link: null, // ไม่มีลิงก์ภายนอก
                File: { url: '/uploads/document_2.pdf', name: 'document_2.pdf' }, // มีไฟล์ PDF ให้ดาวน์โหลด
                video_url: null,
                active: true,
                active_en: true,
                order: 2,
                startDate: '01/01/2025',
                endDate: '12/31/2025',
            },
            {
                id: 3, // วิดีโอ YouTube
                type: 'video', // ระบุประเภทเป็น 'video'
                image: { url: '/uploads/youtube-thumbnail-3.jpg' }, // Thumbnail สำหรับวิดีโอ (ถ้ามี)
                link: null,
                File: null,
                video_url: 'https://www.youtube.com/watch?v=dQw4w9WgXcQ', // ตัวอย่าง YouTube URL (Rick Astley)
                active: true,
                active_en: true,
                order: 3,
                startDate: '01/01/2025',
                endDate: '12/31/2025',
            },
            {
                id: 4, // วิดีโอ Vimeo
                type: 'video',
                image: { url: '/uploads/vimeo-thumbnail-4.jpg' }, // Thumbnail สำหรับวิดีโอ (ถ้ามี)
                link: null,
                File: null,
                video_url: 'https://vimeo.com/76979871', // ตัวอย่าง Vimeo URL
                active: true,
                active_en: true,
                order: 4,
                startDate: '01/01/2025',
                endDate: '12/31/2025',
            },
            {
                id: 5, // รูปภาพปกติ, ไม่มีลิงก์/ไฟล์
                type: 'image',
                image: { url: '/uploads/main_banner_3.jpg' },
                link: null,
                File: null,
                video_url: null,
                active: true,
                active_en: true,
                order: 5,
                startDate: '01/01/2025',
                endDate: '12/31/2025',
            },
            {
                id: 6, // รูปภาพ, ไม่มีลิงก์/ไฟล์, และ active เป็น false (ไม่ควรแสดง)
                type: 'image',
                image: { url: '/uploads/main_banner_4.jpg' },
                link: null,
                File: null,
                video_url: null,
                active: false, // จะไม่แสดงในภาษาไทย
                active_en: true,
                order: 6,
                startDate: '01/01/2025',
                endDate: '12/31/2025',
            },
            {
                id: 7, // วิดีโอ YouTube ที่ไม่ Active ในภาษาไทย
                type: 'video',
                image: { url: '/uploads/youtube-thumbnail-7.jpg' },
                link: null,
                File: null,
                video_url: 'https://www.youtube.com/embed/n0NcsaOxMhM?si=6guI-XduDl87qMVC',
                active: false, // จะไม่แสดงในภาษาไทย
                active_en: true,
                order: 7,
                startDate: '01/01/2025',
                endDate: '12/31/2025',
            },
        ],
        // Mock Data สำหรับ News
        mockNews: [
            {
                id: 1,
                title_th: 'โครงการบินเพื่อชีวิต: กองทัพอากาศช่วยเหลือผู้ป่วยฉุกเฉิน',
                title_en: 'Flying for Life: RTAF Assists Emergency Patients',
                detail_th: '<p>กองทัพอากาศได้ปฏิบัติภารกิจบินลำเลียงผู้ป่วยฉุกเฉินจากจังหวัดชายแดนสู่โรงพยาบาลกลางอย่างเร่งด่วน ภารกิจนี้ไม่เพียงแต่ช่วยชีวิต แต่ยังแสดงถึงบทบาทสำคัญของกองทัพในงานด้านมนุษยธรรม</p>' +
                    '<h3>ขั้นตอนการปฏิบัติภารกิจ:</h3>' +
                    '<ul>' +
                    '<li>รับแจ้งเหตุฉุกเฉินและประเมินสถานการณ์อย่างรวดเร็ว</li>' +
                    '<li>จัดเตรียมทีมแพทย์ฉุกเฉินและอากาศยานที่เหมาะสมกับภารกิจ</li>' +
                    '<li>ดำเนินการบินลำเลียงผู้ป่วยไปยังโรงพยาบาลเป้าหมายอย่างปลอดภัย</li>' +
                    '<li>ส่งมอบผู้ป่วยให้แก่บุคลากรทางการแพทย์เพื่อทำการรักษาต่อเนื่อง</li>' +
                    '</ul>' +
                    '<p><b>ความร่วมมือ</b>ระหว่างหน่วยงานต่างๆ ทั้งภาครัฐและภาคเอกชน เป็นปัจจัยสำคัญในความสำเร็จของภารกิจช่วยเหลือชีวิตครั้งนี้ <i>เรามุ่งมั่นที่จะพัฒนาศักยภาพเพื่อประชาชนต่อไป</i></p>' +
                    '<h4>ติดต่อสอบถามเพิ่มเติม:</h4>' +
                    '<p>หากมีข้อสงสัยหรือต้องการข้อมูลเพิ่มเติม สามารถติดต่อศูนย์ประสานงานได้ตลอด 24 ชั่วโมง</p>',
                detail_en: '<p>The Royal Thai Air Force conducted an urgent airlift mission, transporting critical patients from border provinces to central hospitals, showcasing the humanitarian role of the military.</p>' +
                    '<h3>Mission Steps:</h3>' +
                    '<ul>' +
                    '<li>Rapid emergency notification and situation assessment</li>' +
                    '<li>Preparation of emergency medical team and suitable aircraft</li>' +
                    '<li>Safe airlift of patients to the designated hospital</li>' +
                    '<li>Handover of patients to medical personnel for continued treatment</li>' +
                    '</ul>' +
                    '<p><b>Collaboration</b> among various government and private agencies is a critical factor in the success of this life-saving mission. <i>We are committed to further developing our capabilities for the public.</i></p>' +
                    '<h4>For more information:</h4>' +
                    '<p>If you have any questions or require further information, please contact our coordination center 24/7.</p>',
                image: { url: '/uploads/airlift_patient.jpg' },
                release_date: '07/04/2025',
                active: true,
                active_en: true,
                feature: true,
                type: 'HumanTechNews'
            },
            {
                id: 2,
                title_th: 'นวัตกรรมโดรนเพื่อการเกษตร: อนาคตของการทำนาอัจฉริยะ',
                title_en: 'Agricultural Drone Innovation: The Future of Smart Farming',
                detail_th: '<p>เทคโนโลยีโดรนกำลังเข้ามามีบทบาทสำคัญในการปฏิวัติภาคเกษตรกรรมของไทย โดรนสามารถช่วยในการสำรวจพื้นที่เพาะปลูก, พ่นปุ๋ยและยาฆ่าแมลงได้อย่างแม่นยำ, และประเมินผลผลิตพืช</p>' +
                    '<p><u>ประโยชน์หลักๆ:</u></p>' +
                    '<ol>' +
                    '<li>ลดต้นทุนและเวลาในการทำงาน</li>' +
                    '<li>เพิ่มประสิทธิภาพและความแม่นยำในการจัดการพืชผล</li>' +
                    '<li>เข้าถึงพื้นที่ที่เข้าถึงยากได้ง่ายขึ้น</li>' +
                    '<li>ช่วยลดการใช้สารเคมีเกินความจำเป็น</li>' +
                    '</ol>' +
                    '<p>การนำโดรนมาใช้ในการเกษตรถือเป็นการยกระดับคุณภาพชีวิตของเกษตรกรและเพิ่มขีดความสามารถในการแข่งขันของผลผลิตไทยในตลาดโลก</p>',
                detail_en: '<p>Drone technology is playing a crucial role in revolutionizing Thailand\'s agricultural sector. Drones can assist in surveying cultivated areas, precisely spraying fertilizers and pesticides, and assessing crop yields.</p>' +
                    '<p><u>Key Benefits:</u></p>' +
                    '<ol>' +
                    '<li>Reduces costs and working hours</li>' +
                    '<li>Increases efficiency and precision in crop management</li>' +
                    '<li>Easier access to hard-to-reach areas</li>' +
                    '<li>Helps reduce unnecessary chemical usage</li>' +
                    '</ol>' +
                    '<p>The adoption of drones in agriculture is seen as a way to improve farmers\' quality of life and enhance the competitiveness of Thai produce in the global market.</p>',
                image: { url: '/uploads/news_2.jpg' },
                release_date: '02/01/2025',
                active: true,
                active_en: true,
                feature: false,
                type: 'HumanTechNews'
            },
            {
                id: 3,
                title_th: 'พิธีมอบประกาศนียบัตรหลักสูตรพัฒนาบุคลากรดิจิทัล',
                title_en: 'Digital Personnel Development Course Certificate Presentation Ceremony',
                detail_th: '<p>เมื่อเร็วๆ นี้ กองทัพอากาศได้จัดพิธีมอบประกาศนียบัตรแก่ผู้สำเร็จหลักสูตร <strong>"การพัฒนาบุคลากรด้านดิจิทัลเพื่อความมั่นคงทางไซเบอร์"</strong> โดยมีผู้บริหารระดับสูงเข้าร่วมและแสดงความยินดี</p>' +
                    '<blockquote><p><i>"ความรู้และทักษะด้านดิจิทัลเป็นสิ่งจำเป็นในยุคปัจจุบัน โดยเฉพาะอย่างยิ่งในด้านความมั่นคงของชาติ"</i></p></blockquote>' +
                    '<p>ผู้เข้าร่วมหลักสูตรได้เรียนรู้เกี่ยวกับ:<ul><li>ภัยคุกคามทางไซเบอร์รูปแบบใหม่</li><li>วิธีการป้องกันและรับมือ</li><li>กฎหมายและข้อบังคับที่เกี่ยวข้อง</li></ul></p>' +
                    '<p>โครงการนี้มุ่งหวังที่จะเสริมสร้างศักยภาพบุคลากรให้พร้อมรับมือกับความท้าทายในโลกไซเบอร์</p>',
                detail_en: '<p>Recently, the Royal Thai Air Force organized a certificate presentation ceremony for graduates of the <strong>"Digital Personnel Development for Cyber Security"</strong> course, with high-ranking executives attending and congratulating them.</p>' +
                    '<blockquote><p><i>"Digital knowledge and skills are essential in the current era, especially in national security."</i></p></blockquote>' +
                    '<p>Course participants learned about:<ul><li>New forms of cyber threats</li><li>Prevention and response methods</li><li>Relevant laws and regulations</li></ul></p>' +
                    '<p>This project aims to enhance personnel capabilities to cope with challenges in the cyber world.</p>',
                image: { url: '/uploads/news_3.jpg' },
                release_date: '03/01/2025',
                active: true,
                active_en: true,
                feature: false,
                type: 'OrgNews'
            },
            {
                id: 4,
                title_th: 'มาตรการประหยัดพลังงานในหน่วยงานภาครัฐ',
                title_en: 'Energy Saving Measures in Government Agencies',
                detail_th: '<p>รัฐบาลได้ประกาศใช้มาตรการเข้มงวดในการประหยัดพลังงานในทุกหน่วยงานภาครัฐ เพื่อลดภาระค่าใช้จ่ายและส่งเสริมการใช้พลังงานอย่างมีประสิทธิภาพ มาตรการนี้รวมถึงการปรับปรุงระบบไฟฟ้าและปรับพฤติกรรมการใช้พลังงานของบุคลากร</p>' +
                    '<p>ตัวอย่างมาตรการ:</p>' +
                    '<ul>' +
                    '<li><span style="color: #FF0000;">ลดการใช้เครื่องปรับอากาศ:</span> กำหนดอุณหภูมิที่เหมาะสมและปิดเมื่อไม่ใช้งาน</li>' +
                    '<li><span style="font-weight: bold;">เปลี่ยนมาใช้อุปกรณ์ประหยัดพลังงาน:</span> เช่น หลอดไฟ LED</li>' +
                    '<li><span style="text-decoration: underline;">ส่งเสริมการเดินทางด้วยระบบขนส่งสาธารณะ</span></li>' +
                    '</ul>' +
                    '<p>การประหยัดพลังงานเป็นความรับผิดชอบของทุกคน เพื่ออนาคตที่ยั่งยืน</p>',
                detail_en: '<p>The government has announced strict energy-saving measures across all government agencies to reduce expenses and promote efficient energy use. These measures include improving electrical systems and adjusting personnel\'s energy consumption habits.</p>' +
                    '<p>Examples of measures:</p>' +
                    '<ul>' +
                    '<li><span style="color: #FF0000;">Reduce air conditioning use:</span> Set appropriate temperatures and turn off when not in use</li>' +
                    '<li><span style="font-weight: bold;">Switch to energy-saving equipment:</span> such as LED bulbs</li>' +
                    '<li><span style="text-decoration: underline;">Promote public transportation</span></li>' +
                    '</ul>' +
                    '<p>Energy saving is everyone\'s responsibility for a sustainable future.</p>',
                image: { url: '/uploads/news_4.jpg' },
                release_date: '04/01/2025',
                active: true,
                active_en: true,
                feature: false,
                type: 'OrgNews'
            },
            {
                id: 5,
                title_th: 'นโยบายใหม่เพื่อส่งเสริม Startups ด้านเทคโนโลยีการบิน',
                title_en: 'New Policy to Promote Aviation Tech Startups',
                detail_th: '<p>กองทัพอากาศได้ประกาศนโยบายใหม่เพื่อ<b>ส่งเสริมและสนับสนุน</b>กลุ่ม Startups ที่มีนวัตกรรมด้านเทคโนโลยีการบินและอวกาศ โดยมีเป้าหมายเพื่อผลักดันให้เกิดการพัฒนาเทคโนโลยีที่ล้ำสมัยภายในประเทศ</p>' +
                    '<h3>สิ่งที่โครงการนำเสนอ:</h3>' +
                    '<ol>' +
                    '<li>ทุนสนับสนุนการวิจัยและพัฒนา (R&D)</li>' +
                    '<li>พื้นที่ Co-working Space และ Lab สำหรับทดลอง</li>' +
                    '<li>คำปรึกษาจากผู้เชี่ยวชาญในอุตสาหกรรม</li>' +
                    '<li>โอกาสในการทดสอบเทคโนโลยีกับโครงสร้างพื้นฐานของกองทัพอากาศ</li>' +
                    '</ol>' +
                    '<p><i>โครงการนี้คาดว่าจะช่วยสร้างงานและเสริมสร้างความเข้มแข็งของอุตสาหกรรมเทคโนโลยีการบินของไทยในระยะยาว</i></p>' +
                    '<p>สำหรับข้อมูลเพิ่มเติมและเกณฑ์การเข้าร่วม สามารถเยี่ยมชมเว็บไซต์ของเราได้ที่ <a href="https://rtaf.mil.th/innovation" target="_blank">RTAF Innovation Hub</a></p>',
                detail_en: '<p>The Royal Thai Air Force has announced a new policy to <b>promote and support</b> startups with innovations in aviation and aerospace technology, aiming to drive the development of cutting-edge domestic technology.</p>' +
                    '<h3>What the program offers:</h3>' +
                    '<ol>' +
                    '<li>Research and Development (R&D) funding</li>' +
                    '<li>Co-working spaces and labs for experimentation</li>' +
                    '<li>Consultation from industry experts</li>' +
                    '<li>Opportunities to test technology with RTAF infrastructure</li>' +
                    '</ol>' +
                    '<p><i>This project is expected to create jobs and strengthen Thailand\'s aviation technology industry in the long run.</i></p>' +
                    '<p>For more information and participation criteria, please visit our website at <a href="https://rtaf.mil.th/innovation" target="_blank">RTAF Innovation Hub</a></p>',
                image: { url: '/uploads/news_5.jpg' },
                release_date: '05/01/2025',
                active: true,
                active_en: true,
                feature: false,
                type: 'HumanTechNews'
            },
            {
                id: 6,
                title_th: 'สัมมนาวิชาการ: ความท้าทายของ AI ในงานข่าวกรอง',
                title_en: 'Academic Seminar: The Challenges of AI in Intelligence Work',
                detail_th: '<p>เมื่อสัปดาห์ที่ผ่านมา มีการจัดสัมมนาวิชาการเรื่อง <strong>"ปัญญาประดิษฐ์กับความมั่นคงแห่งชาติ"</strong> โดยมีผู้เชี่ยวชาญจากหลายสาขามาร่วมแลกเปลี่ยนความรู้และประสบการณ์</p>' +
                    '<blockquote><p><i>"AI ไม่ได้มาแทนที่มนุษย์ แต่มาเสริมศักยภาพให้มนุษย์ทำงานได้อย่างมีประสิทธิภาพมากขึ้น"</i> - หนึ่งในวิทยากรกล่าว</p></blockquote>' +
                    '<p>หัวข้อที่น่าสนใจในงานสัมมนา:</p>' +
                    '<ul>' +
                    '<li>การใช้ AI ในการวิเคราะห์ข้อมูลขนาดใหญ่</li>' +
                    '<li>จริยธรรมของ AI และความเสี่ยงที่อาจเกิดขึ้น</li>' +
                    '<li>แนวโน้มการพัฒนา AI เพื่อความมั่นคงในอนาคต</li>' +
                    '</ul>' +
                    '<p>งานสัมมนาประสบความสำเร็จอย่างงดงาม และมีผู้เข้าร่วมให้ความสนใจเป็นจำนวนมาก</p>',
                detail_en: '<p>Last week, an academic seminar on <strong>"Artificial Intelligence and National Security"</strong> was held, with experts from various fields sharing their knowledge and experiences.</p>' +
                    '<blockquote><p><i>"AI is not here to replace humans, but to enhance human capabilities to work more efficiently."</i> - stated one of the speakers</p></blockquote>' +
                    '<p>Key topics of interest at the seminar:</p>' +
                    '<ul>' +
                    '<li>Using AI for big data analysis</li>' +
                    '<li>AI ethics and potential risks</li>' +
                    '<li>Future trends in AI development for security</li>' +
                    '</ul>' +
                    '<p>The seminar was a resounding success, with a large number of attendees showing great interest.</p>',
                image: { url: '/uploads/news_6.jpg' },
                release_date: '06/01/2025',
                active: true,
                active_en: true,
                feature: false,
                type: 'OrgNews'
            },
            {
                id: 7,
                title_th: 'เปิดตัวศูนย์บริการประชาชนแบบ One Stop Service ทอ.',
                title_en: 'RTAF Launches One-Stop Service Center for Public',
                detail_th: '<p>กองทัพอากาศได้เปิดตัว <strong>"ศูนย์บริการประชาชนแบบ One Stop Service"</strong> เพื่ออำนวยความสะดวกให้แก่กำลังพลและประชาชนที่มาติดต่อราชการ</p>' +
                    '<p>บริการที่ครอบคลุม:</p>' +
                    '<ul>' +
                    '<li>การขอใบอนุญาตต่างๆ</li>' +
                    '<li>การแจ้งเรื่องร้องเรียน</li>' +
                    '<li>การรับเรื่องราวร้องทุกข์</li>' +
                    '<li>และข้อมูลข่าวสารที่เป็นประโยชน์</li>' +
                    '</ul>' +
                    '<p>ศูนย์ฯ มีเจ้าหน้าที่พร้อมให้บริการด้วยความรวดเร็วและเป็นกันเอง ทุกวันจันทร์-ศุกร์ เวลา 08.30-16.30 น.</p>' +
                    '<p><i>เรามุ่งมั่นที่จะยกระดับการให้บริการเพื่อความพึงพอใจสูงสุดของประชาชน</i></p>',
                detail_en: '<p>The Royal Thai Air Force has launched a <strong>"One-Stop Service Center"</strong> to facilitate military personnel and the public interacting with government services.</p>' +
                    '<p>Services covered include:</p>' +
                    '<ul>' +
                    '<li>Various permit applications</li>' +
                    '<li>Complaint submissions</li>' +
                    '<li>Grievance handling</li>' +
                    '<li>And useful information</li>' +
                    '</ul>' +
                    '<p>The center has staff ready to provide quick and friendly service every Monday-Friday from 8:30 AM to 4:30 PM.</p>' +
                    '<p><i>We are committed to enhancing our services for the highest public satisfaction.</i></p>',
                image: { url: '/uploads/news_7.jpg' },
                release_date: '07/01/2025',
                active: true,
                active_en: true,
                feature: false,
                type: 'InnovationNews'
            },
            {
                id: 8,
                title_th: 'แถลงการณ์โฆษกกองทัพอากาศ: สถานการณ์ชายแดนล่าสุด',
                title_en: 'RTAF Spokesperson\'s Statement: Latest Border Situation',
                detail_th: '<p>วันนี้ (7 ก.ค. 2568) โฆษกกองทัพอากาศได้ออกแถลงการณ์ชี้แจงสถานการณ์ชายแดนล่าสุด โดยยืนยันถึงความพร้อมของกำลังพลและยุทโธปกรณ์ในการปกป้องอธิปไตยของชาติ</p>' +
                    '<p>ประเด็นสำคัญในแถลงการณ์:</p>' +
                    '<ul>' +
                    '<li>สถานการณ์ทั่วไปยังคงสงบและอยู่ภายใต้การควบคุม</li>' +
                    '<li>มีการเพิ่มมาตรการเฝ้าระวังและลาดตระเวนอย่างต่อเนื่อง</li>' +
                    '<li>เน้นย้ำถึงความร่วมมือกับประเทศเพื่อนบ้านในการแก้ไขปัญหา</li>' +
                    '</ul>' +
                    '<p>ประชาชนสามารถมั่นใจในศักยภาพของกองทัพอากาศในการรักษาความมั่นคงของประเทศได้</p>' +
                    '<p><i>ภาพจากเหตุการณ์จริง (สำหรับประกอบข่าว)</i><br>' +
                    '<img src="https://via.placeholder.com/600x300/CCCCCC/888888?text=Border+Patrol" alt="Border Patrol" style="width:100%; height:auto; display:block; margin-top:15px;"></p>',
                detail_en: '<p>Today (July 7, 2025), the Royal Thai Air Force Spokesperson issued a statement clarifying the latest border situation, affirming the readiness of personnel and equipment to protect national sovereignty.</p>' +
                    '<p>Key points in the statement:</p>' +
                    '<ul>' +
                    '<li>The overall situation remains calm and under control.</li>' +
                    '<li>Continuous surveillance and patrol measures have been increased.</li>' +
                    '<li>Emphasis on cooperation with neighboring countries in resolving issues.</li>' +
                    '</ul>' +
                    '<p>The public can be confident in the Royal Thai Air Force\'s capability to maintain national security.</p>' +
                    '<p><i>Actual event image (for news illustration)</i><br>' +
                    '<img src="https://via.placeholder.com/600x300/CCCCCC/888888?text=Border+Patrol+Eng" alt="Border Patrol Eng" style="width:100%; height:auto; display:block; margin-top:15px;"></p>',
                image: { url: '/uploads/news_8.jpg' },
                release_date: '07/08/2025',
                active: true, active_en: true, feature: false, type: 'GeneralPublic'
            },
            {
                id: 9,
                title_th: 'กิจกรรมวันเด็กแห่งชาติ 2568: สานฝันเยาวชนไทย',
                title_en: 'National Children\'s Day 2025: Fulfilling Thai Youth\'s Dreams',
                detail_th: '<p>กองทัพอากาศเตรียมจัดกิจกรรมวันเด็กแห่งชาติประจำปี 2568 อย่างยิ่งใหญ่ ณ ฐานทัพอากาศดอนเมือง เพื่อมอบความสุขและแรงบันดาลใจให้แก่เยาวชนไทย</p>' +
                    '<p>กิจกรรมไฮไลท์:</p>' +
                    '<ul>' +
                    '<li>การแสดงการบินของเครื่องบินรบและเฮลิคอปเตอร์</li>' +
                    '<li>เยี่ยมชมเครื่องบินจริงและสัมผัสประสบการณ์ในห้องนักบิน</li>' +
                    '<li>นิทรรศการเทคโนโลยีการบินและอวกาศ</li>' +
                    '<li>เกมส์และของรางวัลมากมาย</li>' +
                    '</ul>' +
                    '<p>ขอเชิญชวนผู้ปกครองพาบุตรหลานมาร่วมงานในวันที่ <b><span style="color: #0000FF;">11 มกราคม 2568</span></b> ตั้งแต่เวลา 08.00 - 16.00 น.</p>',
                detail_en: '<p>The Royal Thai Air Force is preparing to organize a grand National Children\'s Day event for 2025 at Don Mueang Royal Thai Air Force Base, to bring joy and inspiration to Thai youth.</p>' +
                    '<p>Activity Highlights:</p>' +
                    '<ul>' +
                    '<li>Aerobatic display of fighter jets and helicopters</li>' +
                    '<li>Visit real aircraft and experience the cockpit</li>' +
                    '<li>Aviation and aerospace technology exhibition</li>' +
                    '<li>Numerous games and prizes</li>' +
                    '</ul>' +
                    '<p>Parents are invited to bring their children to the event on <b><span style="color: #0000FF;">January 11, 2025</span></b> from 08:00 AM - 04:00 PM.</p>',
                image: { url: '/uploads/news_9.jpg' },
                release_date: '07/09/2025',
                active: true, active_en: true, feature: false, type: 'EventActivities'
            },
            {
                id: 10,
                title_th: 'กองทัพอากาศเปิดรับสมัครนักเรียนจ่าอากาศรุ่นใหม่',
                title_en: 'RTAF Opens Applications for New Airman Students',
                detail_th: '<p>กองทัพอากาศเปิดโอกาสให้เยาวชนไทยที่สนใจเข้าร่วมเป็นส่วนหนึ่งของกองทัพอากาศ โดยเปิดรับสมัครนักเรียนจ่าอากาศรุ่นใหม่ ประจำปีการศึกษา 2568</p>' +
                    '<h3>คุณสมบัติเบื้องต้น:</h3>' +
                    '<ul>' +
                    '<li>เพศชาย สัญชาติไทย</li>' +
                    '<li>อายุ 18-20 ปี</li>' +
                    '<li>จบการศึกษามัธยมศึกษาตอนปลาย (ม.6) หรือเทียบเท่า</li>' +
                    '<li>มีสุขภาพแข็งแรงและผ่านเกณฑ์การทดสอบสมรรถภาพ</li>' +
                    '</ul>' +
                    '<p>ผู้สนใจสามารถสมัครได้ทาง <a href="https://admission.rtaf.mi.th" target="_blank">เว็บไซต์หน่วยบัญชาการฝึกศึกษาทหารอากาศ</a> ตั้งแต่วันที่ <b>1 - 31 สิงหาคม 2568</b></p>' +
                    '<p><i>อนาคตที่มั่นคงและมีเกียรติรอคุณอยู่!</i></p>',
                detail_en: '<p>The Royal Thai Air Force offers an opportunity for Thai youth interested in becoming part of the Air Force by opening applications for new airman students for the academic year 2025.</p>' +
                    '<h3>Basic Qualifications:</h3>' +
                    '<ul>' +
                    '<li>Male, Thai nationality</li>' +
                    '<li>Ages 18-20</li>' +
                    '<li>Completed high school (M.6) or equivalent</li>' +
                    '<li>Physically healthy and passed fitness tests</li>' +
                    '</ul>' +
                    '<p>Interested individuals can apply via the <a href="https://admission.rtaf.mi.th" target="_blank">Royal Thai Air Force Education Department website</a> from <b>August 1 - 31, 2025</b>.</p>' +
                    '<p><i>A stable and honorable future awaits you!</i></p>',
                image: { url: '/uploads/news_10.jpg' },
                release_date: '07/10/2025',
                active: true, active_en: true, feature: false, type: 'HumanTechNews'
            },
        ],
        // Mock Data TabNews
        mockNewsData : [
            {
                id: 1,
                title_th: "ข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 1: การพัฒนาระบบ AI สำหรับการบิน",
                title_en: "RTAF News Item 1: AI System Development for Aviation",
                detail_th: `
                <p><strong>กองทัพอากาศ</strong> ได้เริ่มโครงการนำร่องในการพัฒนาระบบปัญญาประดิษฐ์ (AI) เพื่อเพิ่มประสิทธิภาพในการปฏิบัติงานด้านการบินและบำรุงรักษาอากาศยาน</p>
                <h3>วัตถุประสงค์หลักของโครงการ</h3>
                <ul>
                    <li>เพิ่มความแม่นยำในการวิเคราะห์ข้อมูลการบิน</li>
                    <li>ลดระยะเวลาในการตรวจสอบและบำรุงรักษา</li>
                    <li>ยกระดับความปลอดภัยในการปฏิบัติภารกิจ</li>
                </ul>
                <figure style="text-align: center;">
                    <img src="/uploads/news_1.jpg" alt="การบำรุงรักษาอากาศยาน" style="max-width:90%; height:auto; margin: 15px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                    <figcaption style="font-style: italic; color: #555; margin-top: 5px;">ภาพ: เจ้าหน้าที่กำลังตรวจสอบอากาศยานด้วยระบบใหม่</figcaption>
                </figure>
                <h4><strong>แผนงานในระยะต่อไป</strong></h4>
                <ol>
                    <li>ทดสอบระบบ AI ในสภาพแวดล้อมจริง</li>
                    <li>รวบรวมข้อมูลและปรับปรุงอัลกอริทึม</li>
                    <li>ขยายผลการใช้งานไปยังหน่วยงานต่างๆ ของกองทัพอากาศ</li>
                </ol>
                <p>คาดว่าระบบ AI นี้จะพร้อมใช้งานเต็มรูปแบบภายในปี 2569 ซึ่งจะนำมาซึ่งประโยชน์มหาศาลต่อการปฏิบัติงานและลดค่าใช้จ่ายในระยะยาว</p>
                <blockquote>
                    "การลงทุนในเทคโนโลยีวันนี้ คือรากฐานความมั่นคงของชาติในวันหน้า"
                </blockquote>
                <p>หากมีข้อสงสัยหรือต้องการข้อมูลเพิ่มเติม สามารถติดต่อสอบถามได้ที่ฝ่ายประชาสัมพันธ์ กองทัพอากาศ.</p>
            `,
                detail_en: `
                <p>The <strong>Royal Thai Air Force (RTAF)</strong> has launched a pilot project to develop an Artificial Intelligence (AI) system to enhance operational efficiency in aviation and aircraft maintenance.</p>
                <h3>Key Objectives of the Project</h3>
                <ul>
                    <li>Increase accuracy in flight data analysis.</li>
                    <li>Reduce inspection and maintenance time.</li>
                    <li>Improve safety in mission operations.</li>
                </ul>
                <figure style="text-align: center;">
                    <img src="/uploads/news_1.jpg" alt="Aircraft Maintenance" style="max-width:90%; height:auto; margin: 15px auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
                    <figcaption style="font-style: italic; color: #555; margin-top: 5px;">Image: Officers inspecting aircraft with the new system.</figcaption>
                </figure>
                <h4>Next Phase Plans</h4>
                <ol>
                    <li>Test the AI system in a real environment.</li>
                    <li>Collect data and refine algorithms.</li>
                    <li>Expand implementation to various RTAF units.</li>
                </ol>
                <p>It is expected that this AI system will be fully operational by 2026, bringing immense benefits to operations and long-term cost reduction.</p>
                <blockquote>
                    "Investing in technology today is the foundation of national security tomorrow."
                </blockquote>
                <p>For more information or inquiries, please contact the RTAF Public Relations Department.</p>
            `,
                image: { url: "/uploads/news_1.jpg" }, // ภาพปก
                release_date: "07/01/2025",
                active: true,
                active_en: true,
                type: "HumanTechNews",
                feature: true, // ตั้งเป็น feature เพื่อให้ปรากฏเด่นถ้าคุณมีส่วนแสดง feature news
            },
            {
                id: 2,
                title_th: "ข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 2: พิธีมอบรางวัลบุคลากรดีเด่น",
                title_en: "RTAF News Item 2: Outstanding Personnel Awards Ceremony",
                detail_th: `
                <p>กองทัพอากาศจัดพิธีมอบรางวัลและประกาศเกียรติคุณแก่บุคลากรดีเด่น ประจำปี 2568 โดยมีผู้เข้ารับรางวัลจากหลากหลายหน่วยงาน</p>
                <p>พิธีจัดขึ้นอย่างสมเกียรติ ณ ห้องประชุมใหญ่ กองบัญชาการกองทัพอากาศ</p>
                <p>การมอบรางวัลนี้จัดขึ้นเป็นประจำทุกปี เพื่อยกย่องและเป็นขวัญกำลังใจให้แก่กำลังพลที่ทุ่มเทปฏิบัติหน้าที่อย่างเต็มความสามารถ</p>
            `,
                detail_en: `
                <p>The Royal Thai Air Force held an awards ceremony and commendation for outstanding personnel for the year 2025, with recipients from various units.</p>
                <p>The ceremony was honorably held in the grand conference hall of the Royal Thai Air Force Headquarters.</p>
                <p>This award ceremony is held annually to recognize and boost the morale of personnel who dedicate themselves to their duties with full capability.</p>
            `,
                image: { url: "/uploads/news_2.jpg" },
                release_date: "07/03/2025",
                active: true,
                active_en: true,
                type: "HumanTechNews",
                feature: false,
            },
            {
                id: 3,
                title_th: "ข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 1: การฝึกอบรมด้านความปลอดภัยไซเบอร์",
                title_en: "RTAF Org News Item 1: Cybersecurity Training",
                detail_th: `
                <p>นขต.ทอ. จัดการฝึกอบรมเชิงปฏิบัติการด้านความปลอดภัยไซเบอร์ ให้แก่เจ้าหน้าที่ เพื่อเสริมสร้างความรู้และทักษะในการป้องกันภัยคุกคามทางไซเบอร์ที่เพิ่มขึ้น.</p>
                <p>การฝึกอบรมครอบคลุมหัวข้อสำคัญ เช่น การป้องกันฟิชชิง, การเข้ารหัสข้อมูล, และการรับมือกับการโจมตีแบบ DDoS.</p>
            `,
                detail_en: `
                <p>RTAF units organized a practical cybersecurity training for officers to enhance knowledge and skills in preventing increasing cyber threats.</p>
                <p>The training covered key topics such as phishing prevention, data encryption, and handling DDoS attacks.</p>
            `,
                image: { url: "/uploads/news_3.jpg" },
                release_date: "06/15/2025",
                active: true,
                active_en: true,
                type: "OrgNews",
                feature: false,
            },
            {
                id: 4,
                title_th: "ข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 2: โครงการจิตอาสาพัฒนาชุมชน",
                title_en: "RTAF Org News Item 2: Community Development Volunteer Project",
                detail_th: `
                <p>กำลังพลกองทัพอากาศเข้าร่วมโครงการจิตอาสา "เราทำความดีด้วยหัวใจ" เพื่อพัฒนาและปรับปรุงภูมิทัศน์ของชุมชนใกล้เคียง</p>
                <p>กิจกรรมประกอบด้วยการทำความสะอาดพื้นที่สาธารณะ, ปลูกต้นไม้, และช่วยเหลือผู้สูงอายุ.</p>
            `,
                detail_en: `
                <p>RTAF personnel participated in the "We Do Good Deeds with Our Hearts" volunteer project to develop and improve the landscape of nearby communities.</p>
                <p>Activities included cleaning public areas, planting trees, and assisting the elderly.</p>
            `,
                image: { url: "/uploads/news_4.jpg" },
                release_date: "07/02/2025",
                active: true,
                active_en: true,
                type: "OrgNews",
                feature: false,
            },
            {
                id: 5,
                title_th: "ข่าวนวัตกรรม ชิ้นที่ 1: โดรนสำรวจไร้คนขับเพื่อภารกิจกู้ภัย",
                title_en: "RTAF Service News Item 1: Unmanned Survey Drones for Rescue Missions",
                detail_th: `
                <p>กองทัพอากาศได้นำโดรนสำรวจรุ่นใหม่มาทดสอบเพื่อใช้ในภารกิจค้นหาและกู้ภัย</p>
                <p>โดรนเหล่านี้มาพร้อมกับเทคโนโลยีเซ็นเซอร์ความร้อนและกล้องความละเอียดสูง ทำให้สามารถปฏิบัติงานในพื้นที่เข้าถึงยากได้อย่างมีประสิทธิภาพ.</p>
            `,
                detail_en: `
                <p>The RTAF has begun testing a new generation of survey drones for use in search and rescue missions.</p>
                <p>These drones are equipped with thermal sensors and high-resolution cameras, enabling efficient operations in hard-to-reach areas.</p>
            `,
                image: { url: "/uploads/news_5.jpg" },
                release_date: "07/04/2025",
                active: true,
                active_en: true,
                type: "InnovationNews",
                feature: false,
            },
            {
                id: 6,
                title_th: "ข่าวนวัตกรรม ชิ้นที่ 2: ระบบจำลองการบินเสมือนจริง",
                title_en: "RTAF Service News Item 2: Virtual Reality Flight Simulator",
                detail_th: `
                <p>กองทัพอากาศได้ติดตั้งระบบจำลองการบินเสมือนจริง (VR Flight Simulator) เพื่อฝึกอบรมนักบินให้คุ้นเคยกับสถานการณ์ฉุกเฉินต่างๆ ก่อนปฏิบัติการจริง.</p>
                <p>ระบบนี้ช่วยลดต้นทุนการฝึกอบรมและเพิ่มความปลอดภัยในการฝึกฝน.</p>
            `,
                detail_en: `
                <p>The RTAF has installed a new Virtual Reality (VR) Flight Simulator to train pilots to familiarize themselves with various emergency situations before actual operations.</p>
                <p>This system helps reduce training costs and enhances safety during training.</p>
            `,
                image: { url: "/uploads/news_5.jpg" },
                release_date: "07/05/2025",
                active: true,
                active_en: true,
                type: "InnovationNews",
                feature: false,
            },
            {
                id: 7,
                title_th: "Press Release ชิ้นที่ 1: การเยือนของคณะผู้แทนจากมิตรประเทศ",
                title_en: "RTAF Press Release Item 1: Visit of Delegation from Allied Country",
                detail_th: `
                <p>คณะผู้แทนระดับสูงจากมิตรประเทศเดินทางเยือนกองทัพอากาศ เพื่อกระชับความสัมพันธ์และหารือความร่วมมือทางทหาร.</p>
                <p>การเยือนครั้งนี้เน้นย้ำถึงความสำคัญของการแลกเปลี่ยนความรู้และประสบการณ์ระหว่างกัน.</p>
            `,
                detail_en: `
                <p>A high-level delegation from an allied country visited the Royal Thai Air Force to strengthen relations and discuss military cooperation.</p>
                <p>This visit emphasized the importance of exchanging knowledge and experiences between the two nations.</p>
            `,
                image: { url: "/uploads/news_4.jpg" },
                release_date: "06/20/2025",
                active: true,
                active_en: true,
                type: "GeneralPublic",
                feature: false,
            },
            {
                id: 8,
                title_th: "ข่าวบริการประชาชน ชิ้นที่ 1: โครงการบริจาคโลหิตประจำปี",
                title_en: "Public Service News Item 1: Annual Blood Donation Drive",
                detail_th: `
                <p>กองทัพอากาศขอเชิญชวนประชาชนร่วมบริจาคโลหิตในโครงการ "รวมใจบริจาคโลหิตเพื่อเพื่อนมนุษย์" ประจำปี 2568.</p>
                <p>โครงการนี้จัดขึ้นเพื่อสำรองโลหิตให้กับโรงพยาบาลและผู้ป่วยที่ต้องการ.</p>
            `,
                detail_en: `
                <p>The Royal Thai Air Force invites the public to participate in the "Unite for Humanity Blood Donation" project for the year 2025.</p>
                <p>This project aims to provide blood reserves for hospitals and patients in need.</p>
            `,
                image: { url: "/uploads/news_3.jpg" },
                release_date: "07/06/2025",
                active: true,
                active_en: true,
                type: "EventActivities",
                feature: false,
            },
            // เพิ่มเติมเพื่อให้มีข้อมูลเพียงพอสำหรับแต่ละแท็บ (อย่างน้อย 6 ชิ้นในแต่ละประเภท เพื่อให้ปุ่ม Read More แสดง)
            {
                id: 9,
                title_th: "ข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 3: สัมมนาเชิงปฏิบัติการเทคโนโลยีดิจิทัล",
                title_en: "RTAF News Item 3: Digital Technology Workshop",
                detail_th: `
                <p>กองทัพอากาศได้จัดสัมมนาเชิงปฏิบัติการเกี่ยวกับเทคโนโลยีดิจิทัลล่าสุด เพื่อให้บุคลากรได้เรียนรู้และปรับตัวเข้ากับการเปลี่ยนแปลงทางเทคโนโลยี</p>
                <p>การสัมมนามุ่งเน้นที่ AI, Big Data, และ Cybersecurity ซึ่งเป็นสิ่งสำคัญในยุคปัจจุบัน</p>
            `,
                detail_en: `
                <p>The RTAF hosted a workshop on the latest digital technologies, allowing personnel to learn and adapt to technological changes.</p>
                <p>The seminar focused on AI, Big Data, and Cybersecurity, which are crucial in the current era.</p>
            `,
                image: { url: "/uploads/news_2.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "HumanTechNews",
                feature: false,
            },
            {
                id: 10,
                title_th: "ข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 4: โครงการอนุรักษ์สิ่งแวดล้อม",
                title_en: "RTAF News Item 4: Environmental Conservation Project",
                detail_th: `
                <p>กองทัพอากาศจัดกิจกรรมโครงการอนุรักษ์สิ่งแวดล้อม โดยการปลูกป่าและทำความสะอาดพื้นที่สาธารณะรอบค่ายทหาร</p>
                <p>กิจกรรมนี้เป็นส่วนหนึ่งของความรับผิดชอบต่อสังคมของกองทัพอากาศ</p>
            `,
                detail_en: `
                <p>The RTAF organized an environmental conservation project by planting trees and cleaning public areas around military camps.</p>
                <p>This activity is part of the RTAF's social responsibility.</p>
            `,
                image: { url: "/uploads/news_1.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "HumanTechNews",
                feature: false,
            },
            {
                id: 11,
                title_th: "ข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 5: การพัฒนาศักยภาพกำลังพล",
                title_en: "RTAF News Item 5: Personnel Capability Development",
                detail_th: `
                <p>กองทัพอากาศมุ่งมั่นในการพัฒนาศักยภาพของกำลังพล ผ่านการฝึกอบรมและหลักสูตรต่างๆ</p>
                <p>เพื่อเพิ่มพูนความรู้และทักษะให้ทันต่อสถานการณ์ปัจจุบัน.</p>
            `,
                detail_en: `
                <p>The RTAF is committed to developing the capabilities of its personnel through various training and courses.</p>
                <p>To enhance knowledge and skills to keep pace with current situations.</p>
            `,
                image: { url: "/uploads/news_1.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "HumanTechNews",
                feature: false,
            },
            {
                id: 12,
                title_th: "ข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 6: การซ้อมรบร่วมประจำปี",
                title_en: "RTAF News Item 6: Annual Joint Military Exercise",
                detail_th: `
                <p>กองทัพอากาศเข้าร่วมการซ้อมรบร่วมกับกองทัพบกและกองทัพเรือ เพื่อเสริมสร้างความร่วมมือและบูรณาการการทำงาน</p>
                <p>การซ้อมรบดำเนินไปอย่างเข้มข้นและประสบความสำเร็จตามวัตถุประสงค์.</p>
            `,
                detail_en: `
                <p>The RTAF participated in a joint military exercise with the Royal Thai Army and Royal Thai Navy to enhance cooperation and work integration.</p>
                <p>The exercise was conducted intensively and achieved its objectives successfully.</p>
            `,
                image: { url: "/uploads/news_2.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "HumanTechNews",
                feature: false,
            },
            {
                id: 13,
                title_th: "ข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 7 (สำหรับปุ่ม More)",
                title_en: "RTAF News Item 7 (for More button)",
                detail_th: `
                <p>รายละเอียดข่าวประชาสัมพันธ์หน่วยงาน ชิ้นที่ 7 เพิ่มเติมสำหรับทดสอบปุ่ม 'ดูเพิ่มเติม'</p>
                <p>ข้อมูลนี้แสดงให้เห็นว่าสามารถโหลดเนื้อหาเพิ่มขึ้นมาได้เรื่อยๆ</p>
            `,
                detail_en: `
                <p>Details for RTAF News Item 7, further content for testing the 'Load More' button.</p>
                <p>This data demonstrates that more content can be continuously loaded.</p>
            `,
                image: { url: "/uploads/news_3.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "HumanTechNews",
                feature: false,
            },
            {
                id: 14,
                title_th: "ข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 3: โครงการจัดสวัสดิการบุคลากร",
                title_en: "RTAF Org News Item 3: Personnel Welfare Project",
                detail_th: `
                <p>นขต.ทอ. ได้ริเริ่มโครงการจัดสวัสดิการใหม่ เพื่อดูแลบุคลากรและครอบครัว</p>
                <p>โครงการนี้รวมถึงการสนับสนุนด้านสุขภาพ, การศึกษา, และที่อยู่อาศัย.</p>
            `,
                detail_en: `
                <p>RTAF units have initiated a new welfare project to care for personnel and their families.</p>
                <p>This project includes support for health, education, and housing.</p>
            `,
                image: { url: "/uploads/news_4.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "OrgNews",
                feature: false,
            },
            {
                id: 15,
                title_th: "ข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 4: การปรับปรุงโครงสร้างองค์กร",
                title_en: "RTAF Org News Item 4: Organizational Structure Improvement",
                detail_th: `
                <p>มีการปรับปรุงโครงสร้างองค์กรภายในกองทัพอากาศ เพื่อเพิ่มประสิทธิภาพในการบริหารจัดการ</p>
                <p>และรองรับภารกิจที่ซับซ้อนมากยิ่งขึ้น.</p>
            `,
                detail_en: `
                <p>The internal organizational structure of the RTAF has been improved to enhance management efficiency</p>
                <p>and accommodate more complex missions.</p>
            `,
                image: { url: "/uploads/news_5.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "OrgNews",
                feature: false,
            },
            {
                id: 16,
                title_th: "ข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 5: การจัดตั้งศูนย์นวัตกรรม",
                title_en: "RTAF Org News Item 5: Innovation Center Establishment",
                detail_th: `
                <p>กองทัพอากาศได้จัดตั้งศูนย์นวัตกรรมแห่งใหม่ เพื่อเป็นแหล่งบ่มเพาะและพัฒนาแนวคิดใหม่ๆ ด้านการทหารและเทคโนโลยี</p>
                <p>ศูนย์นี้จะเป็นตัวขับเคลื่อนสำคัญในการสร้างสรรค์สิ่งประดิษฐ์และนวัตกรรม.</p>
            `,
                detail_en: `
                <p>The RTAF has established a new innovation center to foster and develop new concepts in military and technology.</p>
                <p>This center will be a crucial driver in creating inventions and innovations.</p>
            `,
                image: { url: "/uploads/news_6.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "OrgNews",
                feature: false,
            },
            {
                id: 17,
                title_th: "ข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 6: กิจกรรมส่งเสริมสุขภาพ",
                title_en: "RTAF Org News Item 6: Health Promotion Activities",
                detail_th: `
                <p>มีการจัดกิจกรรมส่งเสริมสุขภาพสำหรับกำลังพลและครอบครัว เพื่อสร้างเสริมสุขภาพที่ดีและลดความเสี่ยงจากโรคต่างๆ</p>
                <p>กิจกรรมรวมถึงการตรวจสุขภาพประจำปี, การออกกำลังกาย, และการให้ความรู้ด้านโภชนาการ.</p>
            `,
                detail_en: `
                <p>Health promotion activities are organized for personnel and their families to promote good health and reduce the risk of various diseases.</p>
                <p>Activities include annual health check-ups, physical exercise, and nutrition education.</p>
            `,
                image: { url: "/uploads/news_1.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "OrgNews",
                feature: false,
            },
            {
                id: 18,
                title_th: "ข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 7 (สำหรับปุ่ม More)",
                title_en: "RTAF Org News Item 7 (for More button)",
                detail_th: `
                <p>รายละเอียดข่าวประชาสัมพันธ์ภายใน ชิ้นที่ 7 เพื่อทดสอบปุ่ม 'ดูเพิ่มเติม' ในหมวดหมู่ข่าวภายใน</p>
                <p>นี่คือข้อมูลเพิ่มเติมที่สามารถโหลดเข้ามาได้</p>
            `,
                detail_en: `
                <p>Details for RTAF Org News Item 7 for testing the 'Load More' button in the internal news category.</p>
                <p>This is additional data that can be loaded.</p>
            `,
                image: { url: "/uploads/news_2.jpg" },
                release_date: "07/07/2025",
                active: true,
                active_en: true,
                type: "OrgNews",
                feature: false,
            },
            // เพิ่มให้ครบทุก category เพื่อทดสอบ
        ],

        mockBottomBanners: [
            { id: 1, banner_type: 'calousel', active: true, active_en: true, image: { url: '/uploads/slider_banner_1.jpg' }, link: 'www.google.co.th' },
        ],
        mockFixedBanners: [
            { id: 1, banner_type: 'fixed', active: true, active_en: true, image: { url: '/uploads/news_1.jpg' }, link: '/some-internal-page' },
            { id: 2, banner_type: 'fixed', active: true, active_en: true, image: { url: '/uploads/news_2.jpg' }, link: '/weblink-4' },
            { id: 3, banner_type: 'fixed', active: true, active_en: true, image: { url: '/uploads/news_3.jpg' }, link: '/weblink-4' },
            { id: 4, banner_type: 'fixed', active: true, active_en: true, image: { url: '/uploads/news_4.jpg' }, link: '/weblink-4' },
            { id: 5, banner_type: 'fixed', active: true, active_en: true, image: { url: '/uploads/news_5.jpg' }, link: '/weblink-4' },
            { id: 6, banner_type: 'fixed', active: true, active_en: true, image: { url: '/uploads/news_6.jpg' }, link: '/weblink-4' },
            { id: 7, banner_type: 'fixed', active: true, active_en: true, image: { url: '/uploads/news_1.jpg' }, link: '/weblink-4' },
        ],
        mockSliderBanners: [
            { id: 1, active: true, active_en: true, image: { url: '/uploads/slider_banner_1.jpg' }, link: '/weblink-4' },
            { id: 2, active: true, active_en: true, image: { url: '/uploads/slider_banner_2.jpg' }, link: '/weblink-4' },
            { id: 3, active: true, active_en: true, image: { url: '/uploads/slider_banner_3.jpg' }, link: '/weblink-4' },
            { id: 4, active: true, active_en: true, image: { url: '/uploads/slider_banner_4.jpg' }, link: '/weblink-4' },
            { id: 5, active: true, active_en: true, image: { url: '/uploads/slider_banner_5.jpg' }, link: '/weblink-4' },
        ],
        mockBottomLinks: [
            { id: 1, active: true, active_en: true, image: [{ url: '/uploads/weblink-1.png' }], link: '/weblink-4', title: 'Print Magazine', title_en: 'Link 1' },
            { id: 2, active: true, active_en: true, image: [{ url: '/uploads/weblink-2.png' }], link: '/weblink-4', title: 'Rimberio', title_en: 'Link 2' },
            { id: 3, active: true, active_en: true, image: [{ url: '/uploads/weblink-3.png' }], link: '/weblink-4', title: 'Art Academy', title_en: 'Link 3' },
            { id: 4, active: true, active_en: true, image: [{ url: '/uploads/weblink-4.png' }], link: '/weblink-4', title: 'THE CREATIVE AGENCY', title_en: 'Link 4' },
            { id: 5, active: true, active_en: true, image: [{ url: '/uploads/weblink-5.png' }], link: '/weblink-5', title: 'Day Tech', title_en: 'Link 5' },
            { id: 6, active: true, active_en: true, image: [{ url: '/uploads/weblink-6.png' }], link: '/weblink-6', title: 'Artificial Intelligence', title_en: 'Link 6' },
        ],

    }),
    getters: {
        // Getter สำหรับดึง Image Base URL
        // หาก IMAGE_BASE_URL เป็น '', การรวมกับ /uploads/... จะได้ /uploads/... ซึ่ง Vite จะ serve จาก public folder
        imageBaseUrl: (state) => IMAGE_BASE_URL,
        // Getter สำหรับสถานะภาษา
        checkLang: (state) => ({
            isTh: state.isTh,
            isEn: !state.isTh,
        }),
        // Getter สำหรับ Main Banner โดยเฉพาะ
        mainBannerData: (state) => {
            // ค้นหา Main Banner จาก calousels โดย id
            return state.calousels.find(item => item.id === 1);
        },
        headerData: (state) => state.headers,
        footerData: (state) => state.footer_menus,
        allMainMenus: (state) => state.headers.main_menus,
        allFooterMenus: (state) => state.footer_menus.menu,
    },
    actions: {
        // Action สำหรับเปลี่ยนภาษา
        toggleLanguage() {
            this.isTh = !this.isTh;
        },

        // *** ฟังก์ชัน fetchNewsData ที่ปรับปรุงใหม่ ทำการกรอง, เรียง, แบ่งหน้าทั้งหมดในตัว ***
        async fetchNewsData(options = {}) {
            await new Promise(resolve => setTimeout(resolve, 100));

            const { category, limit = 6, page = 1, isFeature = null } = options;
            const currentLangIsTh = options.lang === 'th' || this.isTh;

            console.log(`[fetchNewsData] - Options: category=${category}, limit=${limit}, page=${page}, isFeature=${isFeature}, lang=${options.lang}`);

            let filteredNews = this.mockNews.filter(item => {
                const isActive = currentLangIsTh ? item.active : item.active_en;
                if (!isActive) return false;

                if (category) {
                    if (item.type !== category) {
                        return false;
                    }
                }

                if (isFeature !== null) {
                    if (item.feature !== isFeature) {
                        return false;
                    }
                }
                const now = new Date();
                const currentDate = new Date(now.getFullYear(), now.getMonth(), now.getDate());

                if (!item.release_date) return false;
                const [month, day, year] = item.release_date.split('/');
                const releaseDate = new Date(parseInt(year), parseInt(month) - 1, parseInt(day));

                return releaseDate <= currentDate;
            });

            console.log(`[fetchNewsData] - After filtering (active, category, feature, date). Filtered items before sort:`, filteredNews.map(item => ({ id: item.id, release_date: item.release_date, feature: item.feature })));

            filteredNews.sort((a, b) => {
                const dateA = a.release_date ? new Date(a.release_date.split('/').reverse().join('-')) : new Date(0);
                const dateB = b.release_date ? new Date(b.release_date.split('/').reverse().join('-')) : new Date(0);
                return dateB.getTime() - dateA.getTime();
            });
            console.log(`[fetchNewsData] - After sorting. Filtered items:`, filteredNews.map(item => item.id));

            const totalCount = filteredNews.length;
            // *** เพิ่ม Log ที่จะดักจับการตั้งค่า totalNewsCount ทุกครั้ง ***
            console.log(`[SETTING totalNewsCount] - From: ${this.totalNewsCount} To: ${totalCount} (Called from fetchNewsData)`);
            this.totalNewsCount = totalCount;
            console.log(`[fetchNewsData] - Current totalNewsCount in Store: ${this.totalNewsCount}`); // ใช้ Current แทน Updated

            let paginatedData = [];
            if (limit > 0) {
                const startIndex = (page - 1) * limit;
                const endIndex = startIndex + limit;
                paginatedData = filteredNews.slice(startIndex, endIndex);
            } else {
                paginatedData = filteredNews;
            }
            console.log(`[fetchNewsData] - Page ${page}, Limit ${limit}. Paginated data IDs:`, paginatedData.map(item => item.id));

            return { data: paginatedData, total: totalCount };
        },

        // *** ฟังก์ชันกลางสำหรับดึงข่าวจาก mockNewsData ที่รองรับการกรอง, เรียง, และแบ่งหน้า ***
        async fetchNewsFromMockData(options = {}) {
            await new Promise(resolve => setTimeout(resolve, 100)); // Simulate API delay

            const { category, limit = 6, page = 1, isFeature = null } = options;
            const isTh = this.isTh;

            let filteredNews = this.mockNewsData.filter(item => {
                const isActive = isTh ? item.active : item.active_en;
                let match = isActive;

                // กรองตาม category (type) ถ้ามีการระบุ
                if (category) {
                    match = match && item.type === category;
                }

                // กรองตาม feature ถ้ามีการระบุ
                if (isFeature !== null) {
                    match = match && item.feature === isFeature;
                }

                return match;
            });

            // เรียงลำดับจากวันที่ใหม่สุดไปเก่าสุด
            filteredNews.sort((a, b) => {
                const dateA = a.release_date ? new Date(a.release_date.split('/').reverse().join('-')) : new Date(0);
                const dateB = b.release_date ? new Date(b.release_date.split('/').reverse().join('-')) : new Date(0);
                return dateB.getTime() - dateA.getTime(); // ใหม่ไปเก่า
            });

            const totalCount = filteredNews.length;

            // คำนวณ offset สำหรับ pagination
            const startIndex = (page - 1) * limit;
            const endIndex = startIndex + limit;

            const paginatedData = filteredNews.slice(startIndex, endIndex);

            return { data: paginatedData, total: totalCount };
        },

        // *** อัปเดต fetchTabNews ให้เรียกใช้ fetchNewsFromMockData ***
        async fetchTabNews(category, limit = 6, page = 1) { // เพิ่ม page parameter
            return this.fetchNewsFromMockData({ category, limit, page });
        },

        // *** Action find สำหรับจำลอง API Endpoint ***
        async find(endpoint, queryParams = '') {
            await new Promise(resolve => setTimeout(resolve, 100));

            let data = [];
            const isTh = this.isTh;
            const parseParams = (qs) => {
                const params = {};
                if (!qs) return params;
                qs.split('&').forEach(param => {
                    const [key, value] = param.split('=');
                    if (key && value) {
                        params[key] = decodeURIComponent(value);
                    }
                });
                return params;
            };

            // *** ย้ายการประกาศ parsedQueryParams มาไว้ตรงนี้ ***
            const parsedQueryParams = parseParams(queryParams);

            switch (endpoint) {
                case 'calousels':
                    data = this.calousels.filter(item => {
                        const isActive = isTh ? item.active : item.active_en;

                        // --- Logic การกรองตาม startDate และ endDate ---
                        let isWithinDateRange = true;
                        if (item.startDate && item.endDate) {
                            try {
                                const today = new Date();
                                // แปลงวันที่จาก MM/DD/YYYY เป็น Date Object
                                // ต้องแน่ใจว่า item.startDate/endDate เป็น MM/DD/YYYY
                                const [startMonth, startDay, startYear] = item.startDate.split('/');
                                const [endMonth, endDay, endYear] = item.endDate.split('/');

                                const startDate = new Date(parseInt(startYear), parseInt(startMonth) - 1, parseInt(startDay));
                                const endDate = new Date(parseInt(endYear), parseInt(endMonth) - 1, parseInt(endDay));

                                // เซ็ตเวลาของวันนี้ให้เป็น 00:00:00 เพื่อเปรียบเทียบกับ startDate/endDate ที่มักจะไม่มีเวลา
                                today.setHours(0, 0, 0, 0);

                                isWithinDateRange = today >= startDate && today <= endDate;
                            } catch (e) {
                                console.error("Error parsing date for calousel item:", item, e);
                                isWithinDateRange = false; // ถ้า parse ไม่ได้ ถือว่าไม่อยู่ในช่วง
                            }
                        }
                        // --- จบ Logic การกรองตาม startDate และ endDate ---

                        return isActive && isWithinDateRange && item.order !== undefined; // ตรวจสอบ item.order เพื่อความปลอดภัย
                    }).sort((a, b) => a.order - b.order);
                    break;
                case 'bottom-banners':
                    data = isTh ? this.mockBottomBanners.filter(b => b.active) : this.mockBottomBanners.filter(b => b.active_en);
                    break;
                case 'slider-banners':
                    data = isTh ? this.mockSliderBanners.filter(b => b.active) : this.mockSliderBanners.filter(b => b.active_en);
                    break;
                case 'bottom-links':
                    data = isTh ? this.mockBottomLinks.filter(l => l.active) : this.mockBottomLinks.filter(l => l.active_en);
                    break;
                case 'contents':
                case 'news':
                    const limitNewsMatch = parsedQueryParams._limit;
                    const isFeatureNewsMatch = parsedQueryParams.feature === 'true' ? true : (parsedQueryParams.feature === 'false' ? false : null);

                    const newsOptionsForFetch = {
                        category: parsedQueryParams.category,
                        limit: limitNewsMatch ? parseInt(limitNewsMatch) : undefined,
                        isFeature: isFeatureNewsMatch,
                        page: parsedQueryParams._page ? parseInt(parsedQueryParams._page) : 1,
                        lang: isTh ? 'th' : 'en'
                    };

                    console.log(`[find - news] - Calling fetchNewsData with options:`, newsOptionsForFetch);
                    const resultNews = await this.fetchNewsData(newsOptionsForFetch);
                    data = resultNews.data;
                    console.log(`[find - news] - Returned data length from fetchNewsData: ${data.length}`);
                    return data;
                case 'tabNews':
                    // ใช้ fetchNewsFromMockData เพื่อจัดการการกรอง/แบ่งหน้า
                    // ต้องแยก queryParams ออกมาเป็น object ก่อน
                    const limitMatch = queryParams.match(/_limit=(\d+)/);
                    const isFeatureMatch = queryParams.includes('feature=true') ? true : (queryParams.includes('feature=false') ? false : null);

                    // หาก find('tabNews') หรือ find('contents') ต้องการดึงทั้งหมดโดยไม่แบ่งหน้า
                    // เราก็สามารถเรียก fetchNewsFromMockData โดยไม่ส่ง limit/page
                    // หรือถ้าต้องการแบ่งหน้าในอนาคต ก็สามารถส่ง limit/page ได้
                    const result = await this.fetchNewsFromMockData({
                        // category: คุณอาจจะต้องเพิ่ม parameter 'category' เข้าไปใน queryParams string ด้วย ถ้าต้องการกรอง
                        limit: limitMatch ? parseInt(limitMatch[1]) : undefined, // ไม่จำกัดถ้าไม่มี limit ใน queryParams
                        isFeature: isFeatureMatch,
                        // หากต้องการ page สำหรับ find('tabNews') ต้องส่งเข้ามาใน queryParams string ด้วย
                        // เช่น find('tabNews', '_limit=5&_page=2')
                        page: queryParams.match(/_page=(\d+)/) ? parseInt(queryParams.match(/_page=(\d+)/)[1]) : 1
                    });
                    data = result.data; // find action เดิม return แค่ data Array
                    break;
                default:
                    console.warn(`Endpoint ${endpoint} not mocked or handled by specific action.`);
                    data = [];
            }
            return data; // สำหรับ find action ทั่วไป จะยังคง return เป็น Array
        },

        // ในอนาคตถ้าต้องการดึงข้อมูล Header/Footer จาก API
        async fetchHeaderFooterData() {
            // ตัวอย่าง: const response = await axios.get('/api/header-footer');
            // this.headers = response.data.headers;
            // this.footer_menus = response.data.footer;
        },
    },
});