// src/stores/aboutUsStore.js
import { defineStore } from 'pinia';
import { ref, computed } from 'vue';
// import axios from 'axios'; // Uncomment ถ้าใช้จริง
import { useAppStore } from './app';

export const useAboutUsStore = defineStore('aboutUs', () => {
    const appStore = useAppStore();

    // Refs for all data sections
    const historyData = ref(null);
    const visionMissionData = ref(null);
    const singleCommanderData = ref(null); // Changed: For a single specific commander (e.g., CIC)
    const policyData = ref(null);
    const organizationStructureData = ref(null);
    const commandersData = ref(null); // Changed: This will hold the list of all commanders
    const itManagementData = ref(null);
    const whoWeAreData = ref(null); // NEW: for "Who We Are" section
    const ourJourneyData = ref(null); // NEW: for "Our Journey Starts Here" video
    const ourCreedData = ref(null); // NEW: for "Our Team's Creed"
    const coreValuesData = ref(null); // NEW: for "OUR PRINCIPLES CORE VALUES"
    const keyCapabilitiesData = ref(null); // NEW: for "Key Capabilities"
    const timelineData = ref(null); // NEW: for the historical timeline
    const formerExecutivesData = ref(null); // <<< เปลี่ยนชื่อ ref เป็น formerExecutivesData


    // Loading states for each section
    const isLoading = ref({
        history: false,
        visionMission: false,
        singleCommander: false, // Changed
        policy: false,
        organizationStructure: false,
        commanders: false, // Changed
        itManagement: false,
        whoWeAre: false,
        ourJourney: false,
        ourCreed: false,
        coreValues: false,
        keyCapabilities: false,
        timeline: false, // NEW
        formerExecutives: false,
    });

    // Error states for each section
    const errors = ref({
        history: null,
        visionMission: null,
        singleCommander: null, // Changed
        policy: null,
        organizationStructure: null,
        commanders: null, // Changed
        itManagement: null,
        whoWeAre: null,
        ourJourney: null,
        ourCreed: null,
        coreValues: null,
        keyCapabilities: null,
        timeline: null, // NEW
        formerExecutives: null,
    });

    // *** Mock Data for all sections ***
    const mockData = {
        histories: [
            {
                id: '2010-2014',
                attributes: {
                    period_th: "ค.ศ. 2010 - 2014: การก่อตั้งและการเริ่มต้น",
                    period_en: "2010 - 2014: Founding and Early Days",
                    header: "ประวัติบริษัท HumanTech: การก่อตั้ง",
                    header_en: "HumanTech Company History: Founding",
                    paragraph1: "HumanTech ก่อตั้งขึ้นในปี 2010 ด้วยวิสัยทัศน์ที่จะปฏิวัติวงการเทคโนโลยีสารสนเทศ ด้วยทีมงานผู้เชี่ยวชาญด้านซอฟต์แวร์และนวัตกรรม เราเริ่มต้นจากสำนักงานเล็กๆ แต่มีเป้าหมายที่ยิ่งใหญ่",
                    paragraph1_en: "HumanTech was founded in 2010 with a vision to revolutionize the information technology industry, backed by a team of software and innovation experts. We started from a small office with big goals.",
                    paragraph2: "ในช่วงเริ่มต้น บริษัทมุ่งเน้นการพัฒนาโซลูชันซอฟต์แวร์เฉพาะทางสำหรับธุรกิจขนาดกลางและขนาดย่อม ซึ่งได้รับการตอบรับเป็นอย่างดีจากลูกค้า ทำให้เราสามารถสร้างรากฐานที่มั่นคงในอุตสาหกรรมนี้ได้",
                    paragraph2_en: "In its early days, the company focused on developing specialized software solutions for small and medium-sized businesses, which were well-received by clients, allowing us to build a solid foundation in the industry.",
                    imageUrl: '/images/company_history_1.jpg',
                    image_caption_th: "ภาพแสดงสำนักงานแห่งแรกของ HumanTech",
                    image_caption_en: "A glimpse of HumanTech's first office",
                    createdAt: "2010-01-01T10:00:00.000Z",
                    updatedAt: "2014-12-31T12:00:00.000Z"
                }
            },
            {
                id: '2015-2019',
                attributes: {
                    period_th: "ค.ศ. 2015 - 2019: ก้าวสู่แพลตฟอร์มคลาวด์และ AI",
                    period_en: "2015 - 2019: Venturing into Cloud and AI",
                    header: "HumanTech: ยุคแห่งนวัตกรรมและการขยายตัว",
                    header_en: "HumanTech: Era of Innovation and and Expansion",
                    paragraph1: "ปี 2015 HumanTech ได้ขยายขอบเขตการให้บริการสู่แพลตฟอร์มคลาวด์และ AI ซึ่งเป็นจุดเปลี่ยนสำคัญที่ทำให้บริษัทเติบโตอย่างก้าวกระโดดและเป็นที่รู้จักในตลาดมากขึ้น เราลงทุนอย่างมากในการวิจัยและพัฒนา",
                    paragraph1_en: "In 2015, HumanTech expanded its services into cloud and AI platforms, a pivotal moment that led to rapid growth and increased market recognition. We invested heavily in R&D.",
                    paragraph2: "เราเปิดตัวผลิตภัณฑ์และบริการใหม่ๆ ที่ใช้ AI และ Machine Learning เพื่อช่วยให้ธุรกิจต่างๆ เพิ่มประสิทธิภาพและตัดสินใจได้ดีขึ้น ซึ่งทำให้เราได้รับรางวัลด้านนวัตกรรมหลายรายการ",
                    paragraph2_en: "We launched new products and services utilizing AI and Machine Learning to help businesses improve efficiency and make better decisions, earning us several innovation awards.",
                    imageUrl: '/images/company_history_2.jpg',
                    image_caption_th: "การเปิดตัวแพลตฟอร์มคลาวด์ใหม่",
                    image_caption_en: "Launching our new cloud platform",
                    createdAt: "2015-01-01T10:00:00.000Z",
                    updatedAt: "2019-12-31T12:00:00.000Z"
                }
            },
            {
                id: '2020-present',
                attributes: {
                    period_th: "ค.ศ. 2020 - ปัจจุบัน: การขยายสู่ตลาดต่างประเทศและผู้นำภูมิภาค",
                    period_en: "2020 - Present: International Expansion and Regional Leadership",
                    header: "HumanTech: ผู้นำเทคโนโลยีระดับภูมิภาค",
                    header_en: "HumanTech: Regional Technology Leader",
                    paragraph1: "ตั้งแต่ปี 2020 เป็นต้นมา HumanTech ได้เริ่มขยายธุรกิจและสร้างพันธมิตรในตลาดต่างประเทศ ทำให้เราสามารถเข้าถึงลูกค้ากลุ่มใหม่ๆ และเสริมสร้างตำแหน่งผู้นำในภูมิภาคเอเชียตะวันออกเฉียงใต้",
                    paragraph1_en: "From 2020 onwards, HumanTech began expanding its business and forging partnerships in international markets, allowing us to reach new client segments and solidify our leadership position in Southeast Asia.",
                    paragraph2: "เรายังคงมุ่งมั่นที่จะวิจัยและพัฒนาเทคโนโลยีใหม่ๆ อย่างต่อเนื่อง รวมถึงการลงทุนในเทคโนโลยีเกิดใหม่ เช่น IoT และ Blockchain เพื่อตอบสนองความต้องการของลูกค้าและสร้างสรรค์อนาคตที่ขับเคลื่อนด้วยนวัตกรรม",
                    paragraph2_en: "We remain committed to continuous research and development of new technologies, including investments in emerging tech like IoT and Blockchain, to meet client needs and create an innovation-driven future.",
                    imageUrl: '/images/company_history_3.jpg',
                    image_caption_th: "การประชุมกับพันธมิตรต่างประเทศ",
                    image_caption_en: "Meeting with our international partners",
                    createdAt: "2020-01-01T10:00:00.000Z",
                    updatedAt: "2025-07-01T12:00:00.000Z"
                }
            },
        ],
        'vision-mission': [
            {
                id: 1,
                attributes: {
                    vision: "<p>วิสัยทัศน์ของเราคือ <strong>การเป็นผู้นำด้านเทคโนโลยีและนวัตกรรม</strong> ที่ขับเคลื่อนการเปลี่ยนแปลงเชิงบวกให้กับสังคมและอุตสาหกรรม สร้างสรรค์อนาคตที่ยั่งยืนผ่านโซลูชันที่ทันสมัยและใช้งานง่าย</p><p>เรามุ่งมั่นที่จะพัฒนาผลิตภัณฑ์และบริการที่ล้ำสมัย เพื่อตอบสนองความต้องการที่เปลี่ยนแปลงไปของลูกค้าทั่วโลก โดยให้ความสำคัญกับการวิจัยและพัฒนาอย่างต่อเนื่อง</p>",
                    vision_en: "<p>Our vision is to be a <strong>leader in technology and innovation</strong>, driving positive change for society and industry, and creating a sustainable future through modern and user-friendly solutions.</p><p>We are committed to developing cutting-edge products and services to meet the evolving needs of our global customers, with a strong emphasis on continuous research and development.</p>",
                    mission: "<p>ภารกิจของเราคือ <ul><li><strong>สร้างสรรค์นวัตกรรม:</strong> พัฒนาเทคโนโลยีและโซลูชันใหม่ๆ ที่เป็นประโยชน์และใช้งานได้จริง</li><li><strong>ส่งมอบความเป็นเลิศ:</strong> มอบผลิตภัณฑ์และบริการที่มีคุณภาพสูงสุดด้วยความเชี่ยวชาญและมาตรฐานระดับสากล</li><li><strong>สร้างผลกระทบเชิงบวก:</strong> สนับสนุนการเติบโตทางเศรษฐกิจและสังคม โดยคำนึงถึงความรับผิดชอบต่อชุมชนและสิ่งแวดล้อม</li><li><strong>เสริมสร้างความร่วมมือ:</strong> ทำงานร่วมกับพันธมิตร ลูกค้า และพนักงาน เพื่อสร้างคุณค่าร่วมกัน</li></ul></p>",
                    mission_en: "<p>Our mission is to: <ul><li><strong>Innovate:</strong> Develop new and practical technologies and solutions.</li><li><strong>Deliver Excellence:</strong> Provide the highest quality products and services with expertise and international standards.</li><li><strong>Create Positive Impact:</strong> Support economic and social growth, with consideration for community and environmental responsibility.</li><li><strong>Foster Collaboration:</strong> Work with partners, customers, and employees to create shared value.</li></ul></p>",
                    obligation: "<p>พันธกิจหลักของเราคือ <strong>การยกระดับคุณภาพชีวิตของผู้คน</strong> ด้วยการนำเทคโนโลยีมาประยุกต์ใช้ในการแก้ปัญหาในชีวิตประจำวัน ไม่ว่าจะเป็นด้านการศึกษา สาธารณสุข หรือการเข้าถึงข้อมูลข่าวสาร</p><p>เราเชื่อมั่นในการสร้างสรรค์สิ่งที่ดีที่สุดและจะเป็นส่วนหนึ่งในการขับเคลื่อนอนาคตที่สดใสสำหรับทุกคน</p>",
                    obligation_en: "<p>Our core obligation is to <strong>enhance people's quality of life</strong> by applying technology to solve everyday problems, whether in education, public health, or access to information.</p><p>We believe in creating the best and being a part of driving a bright future for everyone.</p>",
                    createdAt: "2023-01-01T10:00:00.000Z",
                    updatedAt: "2024-06-01T12:00:00.000Z"
                }
            }
        ],
        'who-we-are': [
            {
                id: 1,
                attributes: {
                    main_header_th: "เราคือใคร?",
                    main_header_en: "WHO WE ARE?",
                    header_th: "ผู้บุกเบิกในโลกเทคโนโลยีดิจิทัล",
                    header_en: "Pioneers in the Digital Tech World",
                    description_th: "HumanTech มุ่งมั่นสร้างสรรค์นวัตกรรมที่เปลี่ยนแปลงโลก",
                    description_en: "HumanTech is dedicated to creating world-changing innovations.",
                    paragraph1_th: `
                        <p>HumanTech ก่อตั้งขึ้นจากความหลงใหลในการใช้เทคโนโลยีเพื่อแก้ปัญหาที่ซับซ้อนและสร้างคุณค่าที่ยั่งยืนให้กับลูกค้าของเรา.</p>
                        <p>ด้วยประสบการณ์อันยาวนานและทีมงานที่เปี่ยมด้วยความสามารถ เราได้ส่งมอบโซลูชันด้านซอฟต์แวร์ การให้คำปรึกษาด้านไอที และบริการคลาวด์ที่ทันสมัยให้แก่องค์กรชั้นนำทั่วโลก</p>
                    `,
                    paragraph1_en: `
                        <p>HumanTech was founded on a passion for using technology to solve complex problems and create lasting value for our clients.</p>
                        <p>With extensive experience and a highly skilled team, we deliver cutting-edge software solutions, IT consulting, and cloud services to leading organizations worldwide.</p>
                    `,
                    paragraph2_th: `
                        <p>เราเชื่อมั่นในการทำงานร่วมกันอย่างใกล้ชิดกับลูกค้า เพื่อทำความเข้าใจความต้องการที่แท้จริงและพัฒนาโซลูชันที่ตอบโจทย์ได้อย่างมีประสิทธิภาพ.</p>
                        <p>เป้าหมายของเราไม่ใช่เพียงแค่การสร้างเทคโนโลยี แต่เป็นการสร้างอนาคตที่ดีกว่าผ่านนวัตกรรมที่เราสร้างขึ้น.</p>
                    `,
                    paragraph2_en: `
                        <p>We believe in working closely with our clients to truly understand their needs and develop effective solutions.</p>
                        <p>Our goal is not just to build technology, but to build a better future through the innovations we create.</p>
                    `,
                    imageUrl: '/images/who_we_are_building.jpg',
                    image_caption_th: "ภาพแสดงอาคารสำนักงานใหญ่ของ HumanTech",
                    image_caption_en: "Image of HumanTech's headquarters building",
                    createdAt: "2023-01-01T10:00:00.000Z",
                    updatedAt: "2024-06-01T12:00:00.000Z"
                }
            }
        ],
        'our-journey': [
            {
                id: 1,
                attributes: {
                    header_th: "การเดินทางของเราเริ่มต้นที่นี่",
                    header_en: "OUR JOURNEY STARTS HERE",
                    description_th: "ชมวิดีโอเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการเดินทางและวิวัฒนาการขององค์กรเรา",
                    description_en: "Watch the video to learn more about our journey and evolution.",
                    youtube_video_url: "https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1", // Rick Astley - Never Gonna Give You Up
                    createdAt: "2023-01-01T10:00:00.000Z",
                    updatedAt: "2024-06-01T12:00:00.000Z"
                }
            }
        ],
        'our-creed': [
            {
                id: 1,
                attributes: {
                    header_th: "พันธสัญญาของทีมเรา",
                    header_en: "OUR TEAM'S CREED",
                    content_th: `
                        <p>เราซึ่งเป็นสมาชิกขององค์กร HumanTech</p>
                        <p>มุ่งมั่นที่จะให้บริการด้วยความซื่อสัตย์สุจริตและความเป็นมืออาชีพ</p>
                        <p>เราจะปกป้องข้อมูลของลูกค้า และรักษาความลับอย่างเคร่งครัด</p>
                        <p>เราจะทำงานร่วมกันด้วยความเคารพซึ่งกันและกัน และสนับสนุนเพื่อนร่วมงานของเรา</p>
                        <p>เราจะพัฒนาตนเองอย่างต่อเนื่อง และแสวงหาความรู้ใหม่ๆ เพื่อความเป็นเลิศ</p>
                        <p>เราคือ HumanTech. เรามุ่งมั่นที่จะสร้างสรรค์นวัตกรรม.</p>
                    `,
                    content_en: `
                        <p>I am a member of the HumanTech organization.</p>
                        <p>I will serve with integrity and professionalism.</p>
                        <p>I will protect client data and maintain strict confidentiality.</p>
                        <p>I will work with respect for one another and support my teammates.</p>
                        <p>I will continuously develop myself and seek new knowledge for excellence.</p>
                        <p>I am HumanTech. I am committed to innovation.</p>
                    `,
                    createdAt: "2023-01-01T10:00:00.000Z",
                    updatedAt: "2024-06-01T12:00:00:000Z"
                }
            }
        ],
        'core-values': [
            {
                id: 1,
                attributes: {
                    header_th: "หลักการและคุณค่าหลักของเรา",
                    header_en: "OUR CORE VALUES",
                    values_th: [
                        {
                            title: "นวัตกรรม",
                            description: "เราเชื่อในการสร้างสรรค์สิ่งใหม่ๆ และเปิดรับแนวคิดที่ท้าทาย",
                            image_url: "/images/innovation-image.jpg",
                            link_url: "/about/core-values/innovation-th"
                        },
                        {
                            title: "ความซื่อสัตย์",
                            description: "ดำเนินธุรกิจด้วยความโปร่งใสและจริยธรรมสูงสุด",
                            image_url: "/images/integrity-image.jpg",
                            link_url: "/about/core-values/integrity-th"
                        },
                        {
                            title: "ความเป็นเลิศ",
                            description: "มุ่งมั่นที่จะส่งมอบผลงานที่มีคุณภาพและเหนือความคาดหวัง",
                            image_url: "/images/excellence-image.jpg",
                            link_url: "/about/core-values/excellence-th"
                        },
                        {
                            title: "ความร่วมมือ",
                            description: "ทำงานเป็นทีมและส่งเสริมสภาพแวดล้อมที่สนับสนุนซึ่งกันและกัน",
                            image_url: "/images/collaboration-image.jpg",
                            link_url: "/about/core-values/collaboration-th"
                        },
                        {
                            title: "ความรับผิดชอบ",
                            description: "รับผิดชอบต่อการกระทำและผลลัพธ์ ทั้งต่อลูกค้าและสังคม",
                            image_url: "/images/accountability-image.jpg",
                            link_url: "/about/core-values/accountability-th"
                        },
                        {
                            title: "การพัฒนาอย่างต่อเนื่อง",
                            description: "เรียนรู้และปรับปรุงอยู่เสมอเพื่อการเติบโตส่วนบุคคลและองค์กร",
                            image_url: "/images/continuous-improvement-image.jpg",
                            link_url: "/about/core-values/continuous-improvement-th"
                        },
                    ],
                    values_en: [
                        {
                            title: "Innovation",
                            description: "We believe in creating new things and embracing challenging ideas.",
                            image_url: "/images/innovation-image.jpg",
                            link_url: "/about/core-values/innovation-en"
                        },
                        {
                            title: "Integrity",
                            description: "Conducting business with the highest transparency and ethics.",
                            image_url: "/images/integrity-image.jpg",
                            link_url: "/about/core-values/integrity-en"
                        },
                        {
                            title: "Excellence",
                            description: "Committed to delivering quality work that exceeds expectations.",
                            image_url: "/images/excellence-image.jpg",
                            link_url: "/about/core-values/excellence-en"
                        },
                        {
                            title: "Collaboration",
                            description: "Working as a team and fostering a supportive environment.",
                            image_url: "/images/collaboration-image.jpg",
                            link_url: "/about/core-values/collaboration-en"
                        },
                        {
                            title: "Accountability",
                            description: "Taking responsibility for our actions and outcomes, to clients and society.",
                            image_url: "/images/accountability-image.jpg",
                            link_url: "/about/core-values/accountability-en"
                        },
                        {
                            title: "Continuous Improvement",
                            description: "Always learning and adapting for personal and organizational growth.",
                            image_url: "/images/continuous-improvement-image.jpg",
                            link_url: "/about/core-values/continuous-improvement-en"
                        },
                    ],
                    createdAt: "2023-01-01T10:00:00.000Z",
                    updatedAt: "2024-06-01T12:00:00:000Z"
                }
            }
        ],
        'key-capabilities': [
            {
                id: 1,
                attributes: {
                    header_th: "ความสามารถหลัก",
                    header_en: "KEY CAPABILITIES",
                    capabilities_th: [
                        { title: "การพัฒนาซอฟต์แวร์ที่กำหนดเอง", description: "เราสร้างโซลูชันซอฟต์แวร์ที่ปรับแต่งตามความต้องการเฉพาะของธุรกิจคุณ" },
                        { title: "การให้คำปรึกษาด้านเทคโนโลยีสารสนเทศ", description: "ผู้เชี่ยวชาญของเราพร้อมให้คำแนะนำและวางแผนกลยุทธ์ด้าน IT" },
                        { title: "การจัดการระบบคลาวด์", description: "ช่วยให้ธุรกิจของคุณใช้ประโยชน์จากพลังของ Cloud Computing ได้อย่างเต็มที่" },
                        { title: "ความปลอดภัยทางไซเบอร์", description: "ปกป้องข้อมูลและระบบของคุณจากภัยคุกคามทางไซเบอร์ที่เพิ่มขึ้น" },
                    ],
                    capabilities_en: [
                        { title: "Custom Software Development", description: "We build tailored software solutions to meet your unique business needs." },
                        { title: "IT Consulting", description: "Our experts provide strategic guidance and planning for your IT infrastructure." },
                        { title: "Cloud System Management", description: "Helping your business leverage the full power of cloud computing." },
                        { title: "Cybersecurity", description: "Protecting your data and systems from evolving cyber threats." },
                    ],
                    createdAt: "2023-01-01T10:00:00.000Z",
                    updatedAt: "2024-06-01T12:00:00:000Z"
                }
            }
        ],
        'timelines': [ // NEW: For historical timeline
            {
                id: 1,
                attributes: {
                    title_th: "ค.ศ. 2010 - 2014",
                    title_en: "2010 - 2014",
                    description_th: "<p><strong>การก่อตั้งและเริ่มต้น</strong></p><p>HumanTech ก่อตั้งขึ้นด้วยวิสัยทัศน์ที่จะปฏิวัติวงการเทคโนโลยีสารสนเทศ มุ่งเน้นการพัฒนาโซลูชันซอฟต์แวร์เฉพาะทางสำหรับธุรกิจขนาดกลางและขนาดย่อม และสร้างรากฐานที่มั่นคง</p>",
                    description_en: "<p><strong>Founding and Early Days</strong></p><p>HumanTech was founded with a vision to revolutionize IT. Focused on developing specialized software solutions for SMEs, establishing a strong foundation.</p>",
                    startDate: "2010-01-01",
                    endDate: "2014-12-31"
                }
            },
            {
                id: 2,
                attributes: {
                    title_th: "ค.ศ. 2015 - 2019",
                    title_en: "2015 - 2019",
                    description_th: "<p><strong>ก้าวสู่แพลตฟอร์มคลาวด์และ AI</strong></p><p>ขยายขอบเขตการให้บริการสู่แพลตฟอร์มคลาวด์และ AI ลงทุนอย่างมากในการวิจัยและพัฒนา และเปิดตัวผลิตภัณฑ์ใหม่ๆ ที่ใช้ AI และ Machine Learning</p>",
                    description_en: "<p><strong>Venturing into Cloud and AI</strong></p><p>Expanded services into cloud and AI platforms, heavily investing in R&D, and launching new AI/ML products.</p>",
                    startDate: "2015-01-01",
                    endDate: "2019-12-31"
                }
            },
            {
                id: 3,
                attributes: {
                    title_th: "ค.ศ. 2020 - ปัจจุบัน",
                    title_en: "2020 - Present",
                    description_th: "<p><strong>การขยายสู่ตลาดต่างประเทศและผู้นำภูมิภาค</strong></p><p>เริ่มขยายธุรกิจและสร้างพันธมิตรในตลาดต่างประเทศ เพื่อเข้าถึงลูกค้ากลุ่มใหม่ๆ และเสริมสร้างตำแหน่งผู้นำในภูมิภาค</p>",
                    description_en: "<p><strong>International Expansion and Regional Leadership</strong></p><p>Began expanding business and forging partnerships in international markets, reaching new clients and strengthening regional leadership.</p>",
                    startDate: "2020-01-01",
                    endDate: "2025-12-31"
                }
            }
        ],
        'commanders': [
            {
                id: 101, // สมมติ ID
                attributes: {
                    order: 1,
                    name_th: "ดร. อัจฉรา พันธกิจ",
                    name_en: "Dr. Atchara Pantakit",
                    position_key: "cic", // ผู้บริหารสูงสุด
                    image: {
                        data: {
                            attributes: {
                                url: "/images/mock-commander-1.jpg" // URL รูปภาพสมมติ
                            }
                        }
                    },
                    bio_th: "<p>หัวหน้าคณะผู้บริหารด้านนวัตกรรมดิจิทัล</p>",
                    bio_en: "<p>Chief Digital Innovation Officer</p>",
                    details: [
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาเอก วิทยาการคอมพิวเตอร์, มหาวิทยาลัย A",
                            title_en: "Ph.D. Computer Science, University A"
                        },
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาโท วิศวกรรมซอฟต์แวร์, มหาวิทยาลัย B",
                            title_en: "M.Sc. Software Engineering, University B"
                        },
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาตรี วิทยาการคอมพิวเตอร์, มหาวิทยาลัย C",
                            title_en: "B.Sc. Computer Science, University C"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "อดีตผู้อำนวยการฝ่ายนวัตกรรม, บริษัท Tech Solutions",
                            title_en: "Former Director of Innovation, Tech Solutions Co."
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "อดีตหัวหน้าโครงการ AI, ศูนย์วิจัยนวัตกรรม",
                            title_en: "Former Head of AI Project, Innovation Research Center"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "ที่ปรึกษาด้าน Digital Transformation",
                            title_en: "Digital Transformation Consultant"
                        }
                    ]
                }
            },
            {
                id: 102,
                attributes: {
                    order: 2,
                    name_th: "นาย กิตติชัย วงศ์พัฒนา",
                    name_en: "Mr. Kittichai Wongpattana",
                    position_key: "dcic", // รองผู้บริหารสูงสุด
                    image: {
                        data: {
                            attributes: {
                                url: "https://via.placeholder.com/400x400/28a745/ffffff?text=Mr.+Kittichai"
                            }
                        }
                    },
                    bio_th: "<p>รองหัวหน้าคณะผู้บริหารด้านเทคโนโลยี</p>",
                    bio_en: "<p>Deputy Chief Technology Officer</p>",
                    details: [
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาโท วิศวกรรมคอมพิวเตอร์, มหาวิทยาลัย D",
                            title_en: "M.Eng. Computer Engineering, University D"
                        },
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาตรี วิศวกรรมไฟฟ้า, มหาวิทยาลัย E",
                            title_en: "B.Eng. Electrical Engineering, University E"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "อดีตผู้จัดการฝ่ายโครงสร้างพื้นฐาน, บริษัท GlobalNet",
                            title_en: "Former Infrastructure Manager, GlobalNet Inc."
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "อดีตวิศวกรระบบอาวุโส, Telecom Corp.",
                            title_en: "Former Senior Systems Engineer, Telecom Corp."
                        }
                    ]
                }
            },
            {
                id: 103,
                attributes: {
                    order: 3,
                    name_th: "นางสาว ลลิตา แสงจันทร์",
                    name_en: "Ms. Lalita Saengchan",
                    position_key: "cab", // ที่ปรึกษา
                    image: {
                        data: {
                            attributes: {
                                url: "https://this-is-a-broken-image-url.com/nonexistent.jpg" // URL รูปภาพสมมติที่โหลดไม่สำเร็จ
                            }
                        }
                    },
                    bio_th: "<p>ที่ปรึกษาอาวุโสด้นกลยุทธ์ดิจิทัล</p>",
                    bio_en: "<p>Senior Advisor, Digital Strategy</p>",
                    details: [
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาโท การจัดการ, มหาวิทยาลัย F",
                            title_en: "MBA, University F"
                        },
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาตรี เศรษฐศาสตร์, มหาวิทยาลัย G",
                            title_en: "B.A. Economics, University G"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "อดีตหัวหน้าฝ่ายวางแผนธุรกิจ, Start-up Accelerator",
                            title_en: "Former Head of Business Planning, Start-up Accelerator"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "ที่ปรึกษาอิสระด้านธุรกิจ",
                            title_en: "Independent Business Consultant"
                        }
                    ]
                }
            },
            {
                id: 104,
                attributes: {
                    order: 4,
                    name_th: "นาย สมศักดิ์ ใจกล้า",
                    name_en: "Mr. Somsak Jaikla",
                    position_key: "acc", // ผู้ช่วยผู้บริหาร
                    image: {
                        data: null // ไม่มีรูปภาพเลย (Null Data)
                    },
                    bio_th: "<p>ผู้ช่วยผู้อำนวยการฝ่ายพัฒนาซอฟต์แวร์</p>",
                    bio_en: "<p>Assistant Director, Software Development</p>",
                    details: [
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาตรี วิศวกรรมซอฟต์แวร์, มหาวิทยาลัย H",
                            title_en: "B.Eng. Software Engineering, University H"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "วิศวกรซอฟต์แวร์อาวุโส, Tech Innovators",
                            title_en: "Senior Software Engineer, Tech Innovators"
                        }
                    ]
                }
            },
            {
                id: 105,
                attributes: {
                    order: 5,
                    name_th: "พลอากาศโท กิตติศักดิ์ พัฒนา",
                    name_en: "Air Marshal Kittisak Patana",
                    position_key: "cas", // เสนาธิการ (สมมติ)
                    image: {
                        data: {
                            attributes: {
                                url: "https://via.placeholder.com/400x400/ffc107/333333?text=Kittisak"
                            }
                        }
                    },
                    bio_th: "<p>ผู้อำนวยการฝ่ายความมั่นคงทางไซเบอร์</p>",
                    bio_en: "<p>Director, Cybersecurity Division</p>",
                    details: [
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาโท ความมั่นคงทางไซเบอร์, สถาบันการทหาร",
                            title_en: "M.Sc. Cybersecurity, Military Institute"
                        },
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "โรงเรียนนายเรืออากาศ",
                            title_en: "Royal Thai Air Force Academy"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "ผู้บัญชาการศูนย์ไซเบอร์ทหาร",
                            title_en: "Commander, Military Cyber Center"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "หัวหน้าหน่วยปฏิบัติการข่าวกรองทางไซเบอร์",
                            title_en: "Head of Cyber Intelligence Operations Unit"
                        }
                    ]
                }
            },
            {
                id: 106,
                attributes: {
                    order: 6,
                    name_th: "นาง พรทิพย์ สุขสงบ",
                    name_en: "Mrs. Porntip Suksangob",
                    position_key: "dcas", // รองเสนาธิการ (สมมติ)
                    image: {
                        data: {
                            attributes: {
                                url: "https://via.placeholder.com/400x400/17a2b8/ffffff?text=Porntip"
                            }
                        }
                    },
                    bio_th: "<p>ผู้จัดการโครงการนวัตกรรม</p>",
                    bio_en: "<p>Innovation Project Manager</p>",
                    details: [
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาโท บริหารธุรกิจ, มหาวิทยาลัย I",
                            title_en: "MBA, University I"
                        },
                        {
                            category_th: "การศึกษา",
                            category_en: "Education",
                            title_th: "ปริญญาตรี วิทยาการจัดการ, มหาวิทยาลัย J",
                            title_en: "B.Sc. Management Science, University J"
                        },
                        {
                            category_th: "ตำแหน่งที่สำคัญ",
                            category_en: "Important Positions",
                            title_th: "ที่ปรึกษาโครงการ Startup",
                            title_en: "Startup Project Consultant"
                        }
                    ]
                }
            }
        ],
        // --- Mock Data สำหรับโครงสร้างองค์กรสมมุติ
    'organization-structure': [
        {
            id: 'alpha_root',
            name_th: "องค์กรอัลฟ่า",
            name_en: "Alpha Organization",
            description_th: "หน่วยงานหลักขององค์กรอัลฟ่า",
            description_en: "Main governing body of Alpha Organization",
            children: [
                {
                    id: 'division_hq',
                    name_th: "สำนักบริหารกลาง",
                    name_en: "Central Administration Office",
                    description_th: "ผู้บริหารระดับสูงและฝ่ายสนับสนุน",
                    description_en: "High-level management and support units",
                    children: [
                        { id: 'dept_A1', name_th: "ฝ่ายยุทธศาสตร์", name_en: "Strategy Dept.", description_th: "วางแผนและกำหนดนโยบาย" },
                        { id: 'dept_A2', name_th: "ฝ่ายไอโอ", name_en: "IO Dept.", description_th: "ตรวจสอบการดำเนินงาน" },
                        { id: 'dept_A3', name_th: "ฝ่ายกฎหมาย", name_en: "Legal Dept.", description_th: "ดูแลด้านกฎหมาย" },
                        { id: 'dept_A4', name_th: "ฝ่ายเทคโนโลยี", name_en: "Tech Dept.", description_th: "พัฒนาและดูแลระบบไอที" },
                        { id: 'dept_A5', name_th: "ฝ่ายสื่อสารองค์กร", name_en: "Comms Dept.", description_th: "ประชาสัมพันธ์และสื่อสาร" },
                    ]
                },
                {
                    id: 'operation_division',
                    name_th: "ส่วนปฏิบัติการหลัก",
                    name_en: "Core Operations Division",
                    description_th: "หน่วยงานดำเนินงานหลักขององค์กร",
                    description_en: "Primary operational units of the organization",
                    children: [
                        {
                            id: 'section_B1',
                            name_th: "กองพัฒนาระบบ 1",
                            name_en: "System Dev. Section 1",
                            description_th: "รับผิดชอบระบบงาน A",
                            children: [
                                { id: 'unit_B1_1', name_th: "หน่วยงานวิเคราะห์", name_en: "System Analysis Unit", description_th: "วิเคราะห์และออกแบบระบบ" },
                                { id: 'unit_B1_2', name_th: "หน่วยงานพัฒนา", name_en: "Software Dev. Unit", description_th: "พัฒนาโปรแกรม" }
                            ]
                        },
                        {
                            id: 'section_B2',
                            name_th: "กองพัฒนาระบบ 2",
                            name_en: "System Dev. Section 2",
                            description_th: "รับผิดชอบระบบงาน B",
                            children: [
                                { id: 'unit_B2_1', name_th: "หน่วยงานทดสอบ", name_en: "System Testing Unit", description_th: "ทดสอบคุณภาพระบบ" },
                                { id: 'unit_B2_2', name_th: "หน่วยงานสนับสนุน", name_en: "User Support Unit", description_th: "ให้การสนับสนุนผู้ใช้งาน" }
                            ]
                        },
                        {
                            id: 'section_B3',
                            name_th: "กองโครงสร้างพื้นฐาน",
                            name_en: "Infrastructure Section",
                            description_th: "ดูแลเครือข่ายและเซิร์ฟเวอร์",
                            children: [
                                { id: 'unit_B3_1', name_th: "หน่วยงานเครือข่าย", name_en: "Network Unit", description_th: "ดูแลระบบเครือข่าย" },
                                { id: 'unit_B3_2', name_th: "หน่วยงานเซิร์ฟเวอร์", name_en: "Server Unit", description_th: "ดูแลเซิร์ฟเวอร์" }
                            ]
                        }
                    ]
                },
                {
                    id: 'support_division',
                    name_th: "ส่วนสนับสนุน",
                    name_en: "Support Division",
                    description_th: "หน่วยงานสนับสนุนการดำเนินงาน",
                    description_en: "Operational support units",
                    children: [
                        {
                            id: 'sub_support_1',
                            name_th: "ฝ่ายทรัพยากรบุคคล",
                            name_en: "Human Resources Dept.",
                            description_th: "สรรหาและพัฒนาบุคลากร"
                        },
                        {
                            id: 'sub_support_2',
                            name_th: "ฝ่ายการเงิน",
                            name_en: "Finance Dept.",
                            description_th: "บริหารการเงินและทำบัญชี"
                        },
                        {
                            id: 'sub_support_3',
                            name_th: "ฝ่ายจัดซื้อจัดจ้าง",
                            name_en: "Procurement Dept.",
                            description_th: "จัดซื้อจัดจ้างพัสดุครุภัณฑ์"
                        }
                    ]
                },
                {
                    id: 'special_projects',
                    name_th: "ส่วนโครงการพิเศษ",
                    name_en: "Special Projects Division",
                    description_th: "ดูแลโครงการเฉพาะกิจ",
                    description_en: "Manages ad-hoc projects",
                    children: [
                        { id: 'project_alpha', name_th: "โครงการอัลฟ่า", name_en: "Project Alpha", description_th: "โครงการด้านนวัตกรรม" },
                        { id: 'project_beta', name_th: "โครงการเบต้า", name_en: "Project Beta", description_th: "โครงการด้านการพัฒนา" }
                    ]
                }
            ]
        },
        // เพิ่ม Node อิสระที่เชื่อมกับ root ด้วยเส้นปะ (ใช้ isDashed: true)
        // สำหรับการแสดง legend หรือหน่วยงานที่รายงานตรงแต่ไม่ใช่ hierarchy หลัก
        {
            id: 'independent_unit_A',
            name_th: "หน่วยงานอิสระ ก.",
            name_en: "Independent Unit A",
            description_th: "หน่วยงานที่รายงานตรงต่อผู้บริหารสูงสุด",
            description_en: "Unit reporting directly to top management",
            isDashed: true, // ทำให้เส้นเชื่อมเป็นเส้นปะ
            reportsTo: 'alpha_root',
            children: [
                { id: 'sub_independent_A1', name_th: "ฝ่ายย่อย ก.1", name_en: "Sub-Unit A.1" },
                { id: 'sub_independent_A2', name_th: "ฝ่ายย่อย ก.2", name_en: "Sub-Unit A.2" }
            ]
        },
        {
            id: 'advisory_board',
            name_th: "คณะกรรมการที่ปรึกษา",
            name_en: "Advisory Board",
            description_th: "คณะกรรมการให้คำปรึกษา",
            description_en: "Advisory committee",
            isDashed: true, // ทำให้เส้นเชื่อมเป็นเส้นปะ
            reportsTo: 'alpha_root',
            children: [] // ไม่มีลูก Node
        },
    ],
        // *** NEW MOCK DATA FOR FORMER EXECUTIVES (Hall of Fame) ***
        'former-executives': [
            {
                id: 1,
                image: {
                    url: '/uploads/executive_1.jpg' // Example path, replace with your actual image paths
                },
                title_th: 'นางสาวสุดา ประธานคนแรก<br>พ.ศ. 2500 - 2510',
                title_en: 'Ms. Suda, First President<br>1957 - 1967',
                active: true, // true if should be displayed for Thai
                active_en: true, // true if should be displayed for English
            },
            {
                id: 2,
                image: {
                    url: '/uploads/executive_2.jpg'
                },
                title_th: 'นางสาวทดสอบ ผู้บริหารสูงสุด<br>พ.ศ. 2511 - 2520',
                title_en: 'Ms. Todsop, CEO<br>1968 - 1977',
                active: true,
                active_en: true,
            },
            {
                id: 3,
                image: {
                    url: '/uploads/executive_3.jpg'
                },
                title_th: 'ดร.มานะ ผู้อำนวยการ<br>พ.ศ. 2521 - 2530',
                title_en: 'Dr. Mana, Director<br>1978 - 1987',
                active: true,
                active_en: true,
            },
            {
                id: 4,
                image: {
                    url: '/uploads/executive_4.jpg'
                },
                title_th: 'นาย ชัยวัฒน์ อดีตผู้บริหาร<br>พ.ศ. 2530 - 2565',
                title_en: 'Mr. Chaiwat Director<br>1988 - 2021',
                active: true,
                active_en: true,
            },
            {
                id: 5,
                image: {
                    url: '/uploads/executive_5.jpg'
                },
                title_th: 'ผศ.ดร.อรุณี รักษาการ<br>พ.ศ. 2565 - ปัจจุบัน',
                title_en: 'Asst. Prof. Dr. Arunee, Acting<br>2022 - Present',
                active: true,
                active_en: true,
            }
        ],
    };

    // Centralized fetchData function (using Mock Data)
    const fetchData = async (endpointKey, dataRef, keyName) => {
        // This condition is specific to 'histories' and 'timelines' to always load all data for tabs
        // and also 'commanders' which is a list.
        if (dataRef.value && (endpointKey === 'histories' || endpointKey === 'timelines' || endpointKey === 'commanders')) {
            // No return here, allow it to proceed to mockResponse assignment
            // This allows re-fetching or simply re-assigning if needed
        } else if (dataRef.value && endpointKey !== 'who-we-are' && endpointKey !== 'our-journey' && endpointKey !== 'our-creed' && endpointKey !== 'core-values' && endpointKey !== 'key-capabilities' && endpointKey !== 'vision-mission') {
            // For other single-object endpoints, if data exists, just return to prevent unnecessary reloads
            return;
        }

        isLoading.value[keyName] = true;
        errors.value[keyName] = null;

        try {
            const delay = 500; // Simulate network delay
            await new Promise(resolve => setTimeout(resolve, delay));

            const mockResponse = mockData[endpointKey];

            if (mockResponse) {
                // If the mock data is an array for collection types (like 'commanders', 'histories', 'timelines')
                // Strapi usually returns data in `response.data.data` as an array of objects,
                // where each object has `id` and `attributes`.
                // For single types, it's usually `response.data.data` as a single object with `attributes`.
                if (Array.isArray(mockResponse)) {
                    dataRef.value = mockResponse;
                } else {
                    // For single types, assuming mockResponse is the attributes object directly or similar
                    dataRef.value = mockResponse;
                }
            } else {
                console.warn(`Mock data not found for endpoint key: ${endpointKey}`);
                errors.value[keyName] = `Mock data not available for ${endpointKey}.`;
                dataRef.value = null;
            }

        } catch (err) {
            console.error(`Error processing mock data for ${endpointKey}:`, err);
            errors.value[keyName] = `Error loading mock data for ${endpointKey}.`;
            dataRef.value = null;
        } finally {
            isLoading.value[keyName] = false;
        }
    };


    // Actions to fetch data for each sub-menu
    const fetchHistory = () => fetchData('histories', historyData, 'history');
    const fetchVisionMission = () => fetchData('vision-mission', visionMissionData, 'visionMission');
    const fetchSingleCommander = () => fetchData('commander', singleCommanderData, 'singleCommander'); // Changed
    const fetchPolicy = () => fetchData('policy', policyData, 'policy');
    const fetchOrganizationStructure = () => fetchData('organization-structure', organizationStructureData, 'organizationStructure');
    const fetchCommanders = () => fetchData('commanders', commandersData, 'commanders'); // Changed: This is the one used in CommandingOfficersView
    const fetchItManagement = () => fetchData('it-management', itManagementData, 'itManagement');
    const fetchWhoWeAre = () => fetchData('who-we-are', whoWeAreData, 'whoWeAre');
    const fetchOurJourney = () => fetchData('our-journey', ourJourneyData, 'ourJourney');
    const fetchOurCreed = () => fetchData('our-creed', ourCreedData, 'ourCreed');
    const fetchCoreValues = () => fetchData('core-values', coreValuesData, 'coreValues');
    const fetchKeyCapabilities = () => fetchData('key-capabilities', keyCapabilitiesData, 'keyCapabilities');
    const fetchTimeline = () => fetchData('timelines', timelineData, 'timeline'); // NEW ACTION
    const fetchFormerExecutives = () => fetchData('former-executives', formerExecutivesData, 'formerExecutives'); // <<< เปลี่ยนชื่อ action และ endpointKey


    // *** GETTER: For Former Executives ***
    const getFormerExecutivesForDisplay = computed(() => { // <<< เปลี่ยนชื่อ getter
        if (!formerExecutivesData.value || formerExecutivesData.value.length === 0) return [];

        return formerExecutivesData.value.filter(executive => {
            if (appStore.checkLang.isTh) {
                return executive.active === true;
            } else {
                return executive.active_en === true;
            }
        });
    });

    // Getters for preparing data for Components
    const getHistoryForDisplay = computed(() => {
        // historyData.value is already an array of { id, attributes } from mockData
        if (!historyData.value || historyData.value.length === 0) return null;
        return historyData.value; // Return the array directly for looping in component
    });

    const getVisionMissionForDisplay = computed(() => {
        if (!visionMissionData.value || visionMissionData.value.length === 0) return null;
        return visionMissionData.value[0].attributes;
    });

    const getSingleCommanderForDisplay = computed(() => { // Changed
        if (!singleCommanderData.value) return null;
        return {
            name: appStore.checkLang.isTh ? singleCommanderData.value.name_th : singleCommanderData.value.name_en,
            position: appStore.checkLang.isTh ? singleCommanderData.value.position_th : singleCommanderData.value.position_en,
            bio: appStore.checkLang.isTh ? singleCommanderData.value.bio_th : singleCommanderData.value.bio_en,
            imageUrl: singleCommanderData.value.imageUrl || null,
        };
    });

    const getPolicyForDisplay = computed(() => {
        if (!policyData.value) return null;
        return {
            header: appStore.checkLang.isTh ? policyData.value.header_th : policyData.value.header_en,
            content: appStore.checkLang.isTh ? policyData.value.content_th : policyData.value.content_en,
        };
    });

    const getOrganizationStructureForDisplay = computed(() => {
        if (!organizationStructureData.value || organizationStructureData.value.length === 0) {
            return null; // ถ้าไม่มีข้อมูล หรือเป็น Array ว่าง ให้คืนค่า null
        }
        // *** การแก้ไขที่สำคัญ: คืนค่า Object แรกใน Array ออกไป ***
        return organizationStructureData.value[0];
    });

    const getCommandersForDisplay = computed(() => {
        if (!commandersData.value || commandersData.value.length === 0) return [];

        return commandersData.value.map(item => ({
            id: item.id,
            name_th: item.attributes.name_th,
            name_en: item.attributes.name_en,
            position_key: item.attributes.position_key,
            // Assuming image.data.attributes.url exists for images from Strapi.
            // Mock data directly uses url, so adjust here for consistency with real API structure.
            image: item.attributes.image && item.attributes.image.data && item.attributes.image.data.attributes.url ? { url: item.attributes.image.data.attributes.url } : null,
            bio_th: item.attributes.bio_th,
            bio_en: item.attributes.bio_en,
            // *** สำคัญ: เพิ่ม details เข้ามาตรงนี้! ***
            details: item.attributes.details || [] // เพิ่ม details และกำหนดค่าเริ่มต้นเป็น array ว่างถ้าไม่มี
        })).sort((a, b) => (a.order || 999) - (b.order || 999)); // เพิ่มการจัดการ order ที่อาจไม่มีค่า
    });

    const getItManagementForDisplay = computed(() => {
        if (!itManagementData.value) return null;
        return {
            header: appStore.checkLang.isTh ? itManagementData.value.header_th : itManagementData.value.header_en,
            name: appStore.checkLang.isTh ? itManagementData.value.it_manager_name_th : itManagementData.value.it_manager_name_en,
            position: appStore.checkLang.isTh ? itManagementData.value.it_manager_position_th : itManagementData.value.it_manager_position_en,
        };
    });

    const getWhoWeAreForDisplay = computed(() => {
        if (!whoWeAreData.value || whoWeAreData.value.length === 0) return null;
        return whoWeAreData.value[0].attributes;
    });

    const getOurJourneyForDisplay = computed(() => {
        if (!ourJourneyData.value || ourJourneyData.value.length === 0) return null;
        return ourJourneyData.value[0].attributes;
    });

    const getOurCreedForDisplay = computed(() => {
        if (!ourCreedData.value || ourCreedData.value.length === 0) return null;
        return ourCreedData.value[0].attributes;
    });

    const getCoreValuesForDisplay = computed(() => {
        if (!coreValuesData.value || coreValuesData.value.length === 0) return null;
        return coreValuesData.value[0].attributes;
    });

    const getKeyCapabilitiesForDisplay = computed(() => {
        if (!keyCapabilitiesData.value || keyCapabilitiesData.value.length === 0) return null;
        return keyCapabilitiesData.value[0].attributes;
    });

    const getTimelineForDisplay = computed(() => { // NEW GETTER
        if (!timelineData.value || timelineData.value.length === 0) return [];
        // Assuming timelineData.value is an array of { id, attributes }
        return timelineData.value.map(item => ({
            id: item.id,
            ...item.attributes,
        })).sort((a, b) => new Date(a.startDate) - new Date(b.startDate)); // Sort by startDate
    });

    return {
        // State (refs)
        historyData,
        visionMissionData,
        singleCommanderData, // Changed
        policyData,
        organizationStructureData,
        commandersData, // Changed
        itManagementData,
        whoWeAreData,
        ourJourneyData,
        ourCreedData,
        coreValuesData,
        keyCapabilitiesData,
        timelineData, // Must be returned
        formerExecutivesData,

        // Loading and Error states
        isLoading: isLoading.value, // Expose ref.value directly for simpler access in components
        errors: errors.value, // Expose ref.value directly for simpler access in components

        // Actions
        fetchHistory,
        fetchVisionMission,
        fetchSingleCommander, // Changed
        fetchPolicy,
        fetchOrganizationStructure,
        fetchCommanders, // Must be returned
        fetchItManagement,
        fetchWhoWeAre,
        fetchOurJourney,
        fetchOurCreed,
        fetchCoreValues,
        fetchKeyCapabilities,
        fetchTimeline, // Must be returned
        fetchFormerExecutives,

        // Getters
        getHistoryForDisplay,
        getVisionMissionForDisplay,
        getSingleCommanderForDisplay, // Changed
        getPolicyForDisplay,
        getOrganizationStructureForDisplay,
        getCommandersForDisplay, // Must be returned
        getItManagementForDisplay,
        getWhoWeAreForDisplay,
        getOurJourneyForDisplay,
        getOurCreedForDisplay,
        getCoreValuesForDisplay,
        getKeyCapabilitiesForDisplay,
        getTimelineForDisplay, // Must be returned
        getFormerExecutivesForDisplay,
    };
});