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

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

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

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

            <h2 class="fw-bold mb-4">
                Create Homepage Section
            </h2>

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

                <div class="row g-4">

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

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

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

                        <div class="small text-muted mt-2">
                            Must match partial filename
                        </div>

                    </div>

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

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

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

                    </div>

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

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

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

                    </div>

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

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

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

                    </div>

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

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

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

                    </div>

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

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

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

                    </div>

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

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

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

                    </div>

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

                        <label class="form-label">
                            Icon Class
                        </label>

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

                    </div>

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

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

                        <input
                            type="text"
                            name="theme_name"
                            value="enterprise-gradient"
                            class="form-control">

                    </div>

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

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

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

                    </div>

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

                        <label class="form-label">
                            Enabled
                        </label>

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

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

                        </div>

                    </div>

                </div>

                <div class="mt-4">

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

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

                    </button>

                </div>

            </form>

        </div>

    </div>

</div>
