<?php
$title = 'Create Homepage Section';
?>

<div class="container-fluid py-4">

<div class="card border-0 shadow-lg rounded-4">

<div class="card-header bg-primary text-white p-4">

<h2 class="mb-0">
<i class="fa fa-layer-group"></i>
Create Dynamic Homepage Section
</h2>

</div>

<div class="card-body p-4">

<form
method="post"
action="/easychair/admin/conference-home/sections/store">

<div class="row g-4">

<!-- BASIC -->

<div class="col-md-4">

<label class="form-label fw-bold">
Section Key
</label>

<input
type="text"
name="section_key"
class="form-control"
placeholder="example: shquier"
required>

<div class="small text-muted mt-2">
Unique CMS section identifier
</div>

</div>

<div class="col-md-4">

<label class="form-label fw-bold">
Section Title EN
</label>

<input
type="text"
name="section_title_en"
class="form-control">

</div>

<div class="col-md-4">

<label class="form-label fw-bold">
عنوان القسم
</label>

<input
dir="rtl"
type="text"
name="section_title_ar"
class="form-control">

</div>

<!-- TITLE -->

<div class="col-md-6">

<label class="form-label fw-bold">
Main Title EN
</label>

<input
type="text"
name="title_en"
class="form-control">

</div>

<div class="col-md-6">

<label class="form-label fw-bold">
العنوان الرئيسي
</label>

<input
dir="rtl"
type="text"
name="title_ar"
class="form-control">

</div>

<!-- SUBTITLE -->

<div class="col-md-6">

<label class="form-label fw-bold">
Subtitle EN
</label>

<textarea
rows="4"
name="subtitle_en"
class="form-control"></textarea>

</div>

<div class="col-md-6">

<label class="form-label fw-bold">
الوصف العربي
</label>

<textarea
rows="4"
dir="rtl"
name="subtitle_ar"
class="form-control"></textarea>

</div>

<!-- CONTENT -->

<div class="col-md-6">

<label class="form-label fw-bold">
Content EN
</label>

<textarea
rows="8"
name="content_en"
class="form-control"></textarea>

</div>

<div class="col-md-6">

<label class="form-label fw-bold">
المحتوى العربي
</label>

<textarea
rows="8"
dir="rtl"
name="content_ar"
class="form-control"></textarea>

</div>

<!-- DESIGN -->

<div class="col-md-3">

<label class="form-label fw-bold">
Icon
</label>

<input
type="text"
name="icon_class"
value="fa-cube"
class="form-control">

</div>

<div class="col-md-3">

<label class="form-label fw-bold">
Theme
</label>

<select
name="theme_name"
class="form-select">

<option value="enterprise-gradient">
Enterprise Gradient
</option>

<option value="ieee-blue">
IEEE Blue
</option>

<option value="journal-gold">
Journal Gold
</option>

<option value="dark-ai">
Dark AI
</option>

<option value="springer-clean">
Springer Clean
</option>

</select>

</div>

<div class="col-md-3">

<label class="form-label fw-bold">
Animation
</label>

<select
name="animation_name"
class="form-select">

<option value="fade-up">Fade Up</option>
<option value="fade-down">Fade Down</option>
<option value="zoom-in">Zoom In</option>
<option value="slide-left">Slide Left</option>
<option value="slide-right">Slide Right</option>

</select>

</div>

<div class="col-md-3">

<label class="form-label fw-bold">
Sort Order
</label>

<input
type="number"
name="sort_order"
value="100"
class="form-control">

</div>

<!-- BACKGROUND -->

<div class="col-md-4">

<label class="form-label fw-bold">
Background Type
</label>

<select
name="background_type"
class="form-select">

<option value="gradient">
Gradient
</option>

<option value="solid">
Solid
</option>

<option value="image">
Image
</option>

</select>

</div>

<div class="col-md-8">

<label class="form-label fw-bold">
Background Value
</label>

<input
type="text"
name="background_value"
class="form-control"
placeholder="#ffffff OR linear-gradient(...)">

</div>

<!-- ADVANCED -->

<div class="alert alert-info rounded-4 mt-3">
    <strong>Dynamic Layout Templates</strong><br>
    Use these Section Keys with Settings JSON:
<code>conference_about</code>,    
<code>participation_terms</code>,
    <code>conference_dates</code>,
    <code>important_links</code>,
    <code>contact_cards</code>
</div>

<div class="d-flex flex-wrap gap-2 mb-3">
    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('conference_dates')">
        Conference Dates
    </button>
    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('important_links')">
        Important Links
    </button>
    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('contact_cards')">
        Contact Cards
    </button>
    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('participation_terms')">
        Participation Terms
    </button>
    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('conference_about')">
        Conference About
    </button>

    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('location_map')">
        Location Map
    </button>

    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('quick_response_form')">
        Contact From
    </button>

    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('pricing_plans')">
        Pricing Plans
    </button>

    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('animated_marquee')">
        Animated Marquee
    </button>

    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('faq_accordion')">
        FAQ Accordion
    </button>

    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('conference_brochure')">
        Conference Brochure
    </button>

    <button type="button" class="btn btn-sm btn-outline-primary" onclick="ecFillDynamicJson('testimonials_slider')">
        Testimonials Slider
    </button>
</div>

<script>
function ecFillDynamicJson(type){

    const keyInput =
        document.querySelector('[name="section_key"]');

    const settings =
        document.querySelector('[name="settings_json"]');

    if(!settings){
        alert('Settings JSON field not found.');
        return;
    }

    const templates = {
        conference_dates: {
            layout_type: "timeline_cards",
            items: [
                {
                    icon: "fa-calendar-days",
                    title_ar: "المرحلة الأولى",
                    title_en: "First Phase",
                    body_ar: "الانطلاق: 2026-1-18\\nبداية الاستلام: 2026-1-20\\nنهاية الاستلام: 2026-5-15",
                    body_en: "Launch: 2026-1-18\\nSubmission Opens: 2026-1-20\\nSubmission Deadline: 2026-5-15"
                },
                {
                    icon: "fa-envelope-open-text",
                    title_ar: "المرحلة الثانية",
                    title_en: "Second Phase",
                    body_ar: "آخر فترة للردود: 2026-5-30\\nاستلام العروض: 2026-6-15",
                    body_en: "Response Deadline: 2026-5-30\\nPresentation Receipt: 2026-6-15"
                },
                {
                    icon: "fa-chalkboard-user",
                    title_ar: "الحدث الرئيسي",
                    title_en: "Main Event",
                    body_ar: "بداية المؤتمر: 2026-7-1\\nالمكان: كلية الآداب - جامعة سبها",
                    body_en: "Conference Starts: 2026-7-1\\nVenue: Faculty of Arts - Sebha University"
                }
            ]
        },

        important_links: {
            layout_type: "resource_links",
            items: [
                {
                    icon: "fa-file-word",
                    title_ar: "نموذج اللغة العربية",
                    title_en: "Arabic Template",
                    button_ar: "تحميل النموذج",
                    button_en: "Download Template",
                    url: "#"
                },
                {
                    icon: "fa-file-word",
                    title_ar: "نموذج اللغة الإنجليزية",
                    title_en: "English Template",
                    button_ar: "تحميل النموذج",
                    button_en: "Download Template",
                    url: "#"
                },
                {
                    icon: "fa-paper-plane",
                    title_ar: "إرسال المشاركات",
                    title_en: "Submit Papers",
                    button_ar: "إرسال الآن",
                    button_en: "Submit Now",
                    url: "/easychair/login"
                }
            ]
        },

        contact_cards: {
            layout_type: "contact_cards",
            items: [
                {
                    icon: "fa-phone",
                    title_ar: "رقم الهاتف",
                    title_en: "Phone",
                    body_ar: "0021892548894",
                    body_en: "0021892548894",
                    url: "tel:0021892548894"
                },
,

        location_map: {
            layout_type: "location_map",
            title_ar: "موقع المؤتمر",
            title_en: "Conference Location",
            subtitle_ar: "موقع انعقاد المؤتمر على الخريطة",
            subtitle_en: "Conference venue on map",
            venue_ar: "جامعة جرش",
            venue_en: "Jerash University",
            address_ar: "جرش، الأردن",
            address_en: "Jerash, Jordan",
            map_embed: "",
            map_url: ""
        }




        faq_accordion: {
            layout_type: "faq_accordion",
            eyebrow_ar: "كل ما تحتاج معرفته",
            eyebrow_en: "Everything You Need To Know",
            title_ar: "الأسئلة الشائعة",
            title_en: "Frequently Asked Questions",
            items: [
                {
                    question_ar: "ما هو مؤتمر ICHS-26؟",
                    question_en: "What is ICHS-26?",
                    answer_ar: "مؤتمر علمي دولي يجمع الباحثين والأكاديميين والمهتمين لمناقشة أحدث المستجدات العلمية.",
                    answer_en: "An international scientific conference that brings together researchers, academics, and professionals to discuss recent scientific developments.",
                    open: false
                },
                {
                    question_ar: "متى وأين سيعقد المؤتمر؟",
                    question_en: "When and where will the event be held?",
                    answer_ar: "سيتم عقد المؤتمر في جامعة جرش، الأردن، وفق المواعيد المعلنة في صفحة المؤتمر.",
                    answer_en: "The event will be held at Jerash University, Jordan, according to the dates announced on the conference page.",
                    open: false
                },
                {
                    question_ar: "كيف يمكنني التسجيل في المؤتمر؟",
                    question_en: "How can I register for the event?",
                    answer_ar: "يمكنك التسجيل من خلال زر التسجيل أو من خلال صفحة التقديم المتاحة في بوابة المؤتمر.",
                    answer_en: "You can register using the registration button or through the submission page available on the conference portal.",
                    open: false
                },
                {
                    question_ar: "ما هي خيارات رسوم المشاركة؟",
                    question_en: "What ticket options are available?",
                    answer_ar: "تتوفر عدة خيارات للمشاركة حسب فئة المشارك، ويمكن مراجعة قسم رسوم المشاركة للاطلاع على التفاصيل.",
                    answer_en: "Several participation options are available depending on participant category. Please refer to the pricing section for details.",
                    open: true
                },
                {
                    question_ar: "هل توجد مشاركة افتراضية؟",
                    question_en: "Will there be virtual participation?",
                    answer_ar: "يمكن إتاحة المشاركة الافتراضية وفق تعليمات اللجنة المنظمة وطبيعة البرنامج.",
                    answer_en: "Virtual participation may be available according to the organizing committee guidelines and program structure.",
                    open: false
                }
            ]
        },



        testimonials_slider: {
            layout_type: "testimonials_slider",
            eyebrow_ar: "آراء المشاركين",
            eyebrow_en: "What People Say",
            title_ar: "ماذا يقول المشاركون عن المؤتمر",
            title_en: "What People Say About ICHS-26",
            items: [
                {
                    name_ar: "د. أحمد الخطيب",
                    name_en: "Dr. Ahmad Al-Khatib",
                    role_ar: "باحث مشارك",
                    role_en: "Research Participant",
                    quote_ar: "كان المؤتمر تجربة علمية مميزة، وفر فرصة ممتازة للتواصل مع باحثين وخبراء من تخصصات متعددة.",
                    quote_en: "The conference was an excellent academic experience and provided a valuable opportunity to connect with researchers and experts.",
                    image_url: "https://placehold.co/420x420/8EE9B2/111111?text=Speaker+1",
                    color: "#8FF0B0"
                },
                {
                    name_ar: "د. سارة محمود",
                    name_en: "Dr. Sara Mahmoud",
                    role_ar: "عضو هيئة تدريس",
                    role_en: "Faculty Member",
                    quote_ar: "تنظيم احترافي ومحتوى علمي ثري ساعد على تبادل الخبرات وتعزيز التعاون البحثي.",
                    quote_en: "Professional organization and rich scientific content that helped exchange expertise and strengthen research collaboration.",
                    image_url: "https://placehold.co/420x420/7BD4E6/111111?text=Speaker+2",
                    color: "#7BD4E6"
                },
                {
                    name_ar: "أ. محمد علي",
                    name_en: "Mr. Mohammad Ali",
                    role_ar: "مشارك",
                    role_en: "Participant",
                    quote_ar: "منصة رائعة لعرض الأفكار ومناقشة أحدث الاتجاهات العلمية مع نخبة من المتخصصين.",
                    quote_en: "A great platform to present ideas and discuss the latest scientific trends with distinguished specialists.",
                    image_url: "https://placehold.co/420x420/FFC18A/111111?text=Speaker+3",
                    color: "#FFC18A"
                }
            ]
        },

        conference_brochure: {
            layout_type: "conference_brochure",
            title_ar: "كتيب المؤتمر",
            title_en: "Conference Brochure",
            subtitle_ar: "تحميل واستعراض كتيب المؤتمر الرسمي",
            subtitle_en: "Download and view the official conference brochure",
            brochure_file: "",
            embed: true
        },

        animated_marquee: {
            layout_type: "animated_marquee",
            speed_seconds: 28,
            background: "#101735",
            strip_one_color: "#7b4df2",
            strip_two_color: "#48258f",
            text_color: "#ffffff",
            rows: [
                {
                    direction: "left",
                    rotation: "-2deg",
                    color: "#7b4df2",
                    items_ar: [
                        "تمكين الابتكار",
                        "التفكير نحو المستقبل",
                        "التحول المعرفي",
                        "الذكاء الاصطناعي"
                    ],
                    items_en: [
                        "Empowering Innovation",
                        "Think Forward",
                        "Cognitive Shift",
                        "Artificial Intelligence"
                    ]
                },
                {
                    direction: "right",
                    rotation: "0deg",
                    color: "#48258f",
                    items_ar: [
                        "مستقبل ذكي",
                        "ابتكار مستدام",
                        "المعرفة الآن",
                        "رؤية جديدة"
                    ],
                    items_en: [
                        "Future Now",
                        "Empowering Innovation",
                        "Smart Intelligence",
                        "New Vision"
                    ]
                }
            ]
        },

        pricing_plans: {
            layout_type: "pricing_plans",
            title_ar: "رسوم المشاركة",
            title_en: "Event Price List",
            subtitle_ar: "خيارات رسوم المشاركة في المؤتمر",
            subtitle_en: "Perfect price for event",
            currency: "$",
            plans: [
                {
                    title_ar: "فردي",
                    title_en: "Personal",
                    price: "111",
                    is_best: false,
                    button_ar: "التسجيل",
                    button_en: "Register",
                    button_url: "/easychair/register",
                    features_ar: [
                        "حضور جلسات المؤتمر",
                        "شهادة مشاركة",
                        "حقيبة المؤتمر",
                        "دخول المعرض"
                    ],
                    features_en: [
                        "Conference sessions access",
                        "Participation certificate",
                        "Conference kit",
                        "Exhibition access"
                    ]
                },
                {
                    title_ar: "مؤسسات",
                    title_en: "Company",
                    price: "124",
                    is_best: true,
                    button_ar: "التسجيل",
                    button_en: "Register",
                    button_url: "/easychair/register",
                    features_ar: [
                        "حضور جلسات المؤتمر",
                        "شهادة مشاركة",
                        "حقيبة المؤتمر",
                        "أولوية في التسجيل"
                    ],
                    features_en: [
                        "Conference sessions access",
                        "Participation certificate",
                        "Conference kit",
                        "Priority registration"
                    ]
                },
                {
                    title_ar: "أعمال",
                    title_en: "Business",
                    price: "175",
                    is_best: false,
                    button_ar: "التسجيل",
                    button_en: "Register",
                    button_url: "/easychair/register",
                    features_ar: [
                        "حضور جلسات المؤتمر",
                        "شهادة مشاركة",
                        "حقيبة المؤتمر",
                        "دعم مخصص"
                    ],
                    features_en: [
                        "Conference sessions access",
                        "Participation certificate",
                        "Conference kit",
                        "Dedicated support"
                    ]
                }
            ]
        },

quick_response_form: {
    title_ar: "تواصل معنا",
    title_en: "Quick Response Form",
    subtitle_ar: "أرسل استفسارك وسيتم الرد عليك",
    subtitle_en: "Send your inquiry and we will respond shortly",
    recipient_email: "info@julms.com",
    success_ar: "تم إرسال رسالتك بنجاح",
    success_en: "Your message has been sent successfully",
    layout_type: "quick_response_form"
},
                {
                    icon: "fa-whatsapp",
                    title_ar: "واتساب",
                    title_en: "WhatsApp",
                    body_ar: "انضم للمجموعة",
                    body_en: "Join the group",
                    url: "#"
                },
                {
                    icon: "fa-envelope",
                    title_ar: "البريد الإلكتروني",
                    title_en: "Email",
                    body_ar: "icctm@sebhau.edu.ly",
                    body_en: "icctm@sebhau.edu.ly",
                    url: "mailto:icctm@sebhau.edu.ly"
                },
                {
                    icon: "fa-location-dot",
                    title_ar: "مكان المؤتمر",
                    title_en: "Venue",
                    body_ar: "كلية الآداب - جامعة سبها",
                    body_en: "Faculty of Arts - Sebha University",
                    url: "#"
                }
            ]
        },

conference_about: {

    layout_type: "conference_about",

    section_title_ar:
        "حول المؤتمر والرؤية",

    section_title_en:
        "About Conference & Vision",

    section_subtitle_ar:
        "تعرف على هوية المؤتمر وأهدافه المستقبلية",

    section_subtitle_en:
        "Learn about the conference identity and future vision",

    about: {

        icon:
            "fa-building-columns",

        title_ar:
            "حول المؤتمر",

        title_en:
            "About Conference",

        body_ar:
            "يعد المؤتمر الدولي منصة علمية تجمع الباحثين والأكاديميين لتبادل الخبرات والمعارف ومناقشة أحدث المستجدات العلمية.",

        body_en:
            "The conference provides a scientific platform for researchers and academics.",

        highlights: [

            {
                icon:"fa-lightbulb",
                text_ar:"مناقشة أحدث الاتجاهات العلمية",
                text_en:"Discussing latest scientific trends"
            },

            {
                icon:"fa-heart",
                text_ar:"تعزيز التعاون البحثي",
                text_en:"Enhancing research collaboration"
            }

        ]
    },

    vision: {

        icon:
            "fa-eye",

        title_ar:
            "رؤية المؤتمر",

        title_en:
            "Conference Vision",

        quote_ar:
            "منصة علمية رائدة تعيد فيها العلوم الإنسانية تعريف دورها في عصر التحول الرقمي",

        quote_en:
            "A leading scientific platform for the digital era",

        body_ar:
            "نسعى إلى بناء مجتمع علمي متكامل يجمع الباحثين والمفكرين لصياغة مستقبل العلوم الإنسانية.",

        body_en:
            "We aim to build an integrated scientific community.",

        cta_ar:
            "نحو مستقبل رقمي متوازن",

        cta_en:
            "Toward a Balanced Digital Future"
    }

},

participation_terms: {
    layout_type: "cards_grid",
    items: [

        {
            icon: "fa-bullseye",
            title_ar: "التزام الباحث بمحاور المؤتمر",
            title_en: "Research Alignment",
            body_ar: "أن يكون البحث ضمن محاور المؤتمر المعلن عنها، ويتناول موضوعاً ذا صلة وثيقة بأهداف المؤتمر واهتماماته العلمية.",
            body_en: "The research must align with the announced conference tracks and objectives."
        },

        {
            icon: "fa-ban",
            title_ar: "جدة البحث وأصالة المشاركة",
            title_en: "Originality and Novelty",
            body_ar: "يجب ألا يكون قد سبق المشاركة بالورقة العلمية المقدمة للمؤتمر في أي مؤتمر علمي سابق أو سبق نشرها في مجلة علمية محلية أو دولية.",
            body_en: "The submitted paper must not have been previously presented or published."
        },

        {
            icon: "fa-language",
            title_ar: "لغة البحث",
            title_en: "Research Language",
            body_ar: "اللغتان العربية والانجليزية هما اللغتان الرسميتان للمؤتمر مع مراعاة اللغات الأخرى حسب متطلبات البحث وضرورة وجود ملخص باللغتين العربية والإنجليزية.",
            body_en: "Both Arabic and English are the official conference languages and abstracts should be available in Arabic and English."
        },

        {
            icon: "fa-circle-info",
            title_ar: "معلومات هامة",
            title_en: "Important Information",
            body_ar: "جميع الأوراق البحثية تخضع للتحكيم العلمي من قبل محكمين مختصين، وسيتم إبلاغ الباحثين بنتائج التحكيم في المواعيد المحددة.",
            body_en: "All submitted papers undergo peer review and authors will be notified according to the announced schedule."
        },

        {
            icon: "fa-pen-to-square",
            title_ar: "معايير وشروط الكتابة",
            title_en: "Writing Guidelines",
            body_ar: "شروط الكتابة تتوافق وقالب المؤتمر المعتمد من حيث الشكل والمضمون والمراجع والتدقيق اللغوي.",
            body_en: "Formatting and writing requirements follow conference template standards."
        },

        {
            icon: "fa-user-check",
            title_ar: "الأمانة العلمية والمنهجية",
            title_en: "Academic Integrity",
            body_ar: "يجب مراعاة الأمانة العلمية والتقيد بمنهجية البحث العلمي أثناء كتابة الورقة العلمية والالتزام بقواعد التوثيق والإحالة العلمية.",
            body_en: "Authors must follow academic integrity, research methodology and proper citation practices."
        }

    ]
}

    };

    if(!templates[type]){
        return;
    }

    if(keyInput){
        keyInput.value = type;
    }

    settings.value =
        JSON.stringify(
            templates[type],
            null,
            2
        );
}
</script>


<div class="col-md-6">

<label class="form-label fw-bold">
Settings JSON
</label>

<textarea
rows="10"
name="settings_json"
class="form-control">

{
  "button_text":"",
  "button_url":""
}

</textarea>

</div>

<div class="col-md-6">

<label class="form-label fw-bold">
Generated JSON
</label>

<textarea
rows="10"
name="generated_json"
class="form-control">

{
  "items":[]
}

</textarea>

</div>

<!-- ENABLE -->

<div class="col-md-12">

<div class="form-check form-switch">

<input
type="checkbox"
name="enabled"
checked
class="form-check-input">

<label class="form-check-label">

Enable Section

</label>

</div>

</div>

</div>

<hr class="my-4">

<button
type="submit"
class="btn btn-primary btn-lg rounded-pill px-5">

<i class="fa fa-save"></i>
Create Dynamic Section

</button>

</form>

</div>

</div>

</div>
