<?php require __DIR__ . '/../layouts/header.php'; ?>

<?php
$lang = function_exists('current_lang')
    ? current_lang()
    : ($_SESSION['lang'] ?? 'en');

$isRtl = $lang === 'ar';

function hp_text($ar, $en, $lang = 'en')
{
    return $lang === 'ar'
        ? ($ar ?: $en)
        : ($en ?: $ar);
}

$totalConferences = count($conferences ?? []);
$totalTPC         = count($tpcMembers ?? []);
$totalCommittees  = count($committeeMembers ?? []);
?>

<style>
:root{
    --hp-primary:#1d4ed8;
    --hp-secondary:#0f172a;
    --hp-accent:#38bdf8;
    --hp-gold:#facc15;
}

body{
    background:#f3f6fb;
}

.hp-hero{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    min-height:520px;
    color:#fff;
    margin-bottom:2rem;
    background:
        linear-gradient(
            135deg,
            rgba(15,23,42,.92),
            rgba(29,78,216,.84),
            rgba(56,189,248,.72)
        );
}

.hp-hero-slide{
    position:relative;
    padding:5rem;
    min-height:520px;
    display:flex;
    align-items:center;
}

.hp-hero-slide::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.14),
        transparent 45%);
}

.hp-glass{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.16);
}

.hp-stat-card{
    border:none;
    border-radius:24px;
    overflow:hidden;
    transition:.25s;
    background:linear-gradient(135deg,#fff,#f8fbff);
    box-shadow:0 10px 25px rgba(15,23,42,.06);
}

.hp-stat-card:hover{
    transform:translateY(-6px);
}

.hp-stat-icon{
    width:64px;
    height:64px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    color:#fff;
    background:
        linear-gradient(
            135deg,
            var(--hp-primary),
            var(--hp-accent)
        );
}

.hp-section-title{
    font-weight:800;
    font-size:2rem;
    color:#0f172a;
    margin-bottom:1.5rem;
}

.hp-card{
    border:none;
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 12px 35px rgba(15,23,42,.08);
    transition:.28s;
    height:100%;
}

.hp-card:hover{
    transform:translateY(-8px);
}

.hp-card-image{
    height:220px;
    object-fit:cover;
    width:100%;
}

.hp-gradient-line{
    height:5px;
    background:
        linear-gradient(
            90deg,
            #1d4ed8,
            #38bdf8,
            #facc15
        );
}

.hp-badge{
    border-radius:999px;
    padding:.55rem 1rem;
    font-weight:700;
}

.hp-member{
    text-align:center;
    padding:2rem 1rem;
}

.hp-avatar{
    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid rgba(255,255,255,.8);
    box-shadow:0 8px 24px rgba(15,23,42,.18);
    margin-bottom:1rem;
}

.hp-announcement{
    border:none;
    border-radius:24px;
    overflow:hidden;
    background:
        linear-gradient(
            135deg,
            #fff7cc,
            #fff1a8
        );
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.hp-cta{
    border-radius:36px;
    overflow:hidden;
    position:relative;
    background:
        linear-gradient(
            135deg,
            #0f172a,
            #1d4ed8,
            #38bdf8
        );
    color:#fff;
}

.hp-cta::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(255,255,255,.16),
        transparent 40%);
}

.hp-btn{
    border-radius:18px;
    padding:.9rem 1.5rem;
    font-weight:700;
}

.hp-small-muted{
    color:#64748b;
    font-size:.9rem;
}
</style>

<div class="container-fluid px-lg-5 py-4"
     dir="<?= $isRtl ? 'rtl' : 'ltr' ?>">

    <!-- HERO -->

    <?php if (!empty($homepageHeroes)): ?>

        <?php foreach ($homepageHeroes as $hero): ?>

            <section class="hp-hero shadow-lg mb-5">

                <div class="hp-hero-slide"
                     style="<?= !empty($hero['image_path'])
                        ? "background:
                            linear-gradient(rgba(15,23,42,.78),rgba(29,78,216,.72)),
                            url('" . e((string)$hero['image_path']) . "');
                            background-size:cover;
                            background-position:center;"
                        : '' ?>">

                    <div class="container position-relative">

                        <div class="row align-items-center">

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

                                <div class="hp-glass p-4 p-lg-5 rounded-5">

                                    <div class="d-flex gap-2 flex-wrap mb-3">

                                        <span class="badge bg-warning text-dark hp-badge">
                                            <?= e(trans('conference')) ?>
                                        </span>

                                        <span class="badge bg-light text-dark hp-badge">
                                            2026
                                        </span>

                                    </div>

                                    <h1 class="display-4 fw-bold mb-4">

                                        <?= e(
                                            hp_text(
                                                $hero['title_ar'] ?? '',
                                                $hero['title_en'] ?? '',
                                                $lang
                                            )
                                        ) ?>

                                    </h1>

                                    <div class="lead mb-4">

                                        <?= $lang === 'ar'
                                            ? ($hero['body_ar'] ?? '')
                                            : ($hero['body_en'] ?? '') ?>

                                    </div>

                                    <div class="d-flex gap-3 flex-wrap">

                                        <a href="<?= e(base_path('register')) ?>"
                                           class="btn btn-warning btn-lg hp-btn">

                                            <?= e(trans('register')) ?>

                                        </a>

                                        <a href="<?= e(base_path('archive')) ?>"
                                           class="btn btn-outline-light btn-lg hp-btn">

                                            <?= e(trans('paper_archive')) ?>

                                        </a>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </section>

        <?php endforeach; ?>

    <?php endif; ?>


<?php
$deadlineTs = null;

if (!empty($conferences[0]['submission_deadline'])) {
    $deadlineTs = strtotime($conferences[0]['submission_deadline']);
}
?>

<?php if ($deadlineTs): ?>

<section class="mb-5">

    <div class="hp-card overflow-hidden">

        <div class="p-5 text-center"
             style="
                background:
                    linear-gradient(
                        135deg,
                        #0f172a,
                        #1d4ed8,
                        #38bdf8
                    );
                color:#fff;
             ">

            <h2 class="display-6 fw-bold mb-4">

                <?= $isRtl
                    ? 'العد التنازلي لموعد إرسال الأبحاث'
                    : 'Paper Submission Countdown' ?>

            </h2>

            <div id="conferenceCountdown"
                 class="display-4 fw-bold">
            </div>

        </div>

    </div>

</section>

<script>
(function(){

    const target =
        new Date("<?= date('Y-m-d H:i:s', $deadlineTs) ?>").getTime();

    const el =
        document.getElementById('conferenceCountdown');

    function updateCountdown(){

        const now = new Date().getTime();

        const diff = target - now;

        if(diff <= 0){

            el.innerHTML =
                "<?= $isRtl ? 'انتهى الموعد' : 'Deadline Closed' ?>";

            return;
        }

        const days =
            Math.floor(diff / (1000*60*60*24));

        const hours =
            Math.floor((diff % (1000*60*60*24)) / (1000*60*60));

        const minutes =
            Math.floor((diff % (1000*60*60)) / (1000*60));

        el.innerHTML =
            days + "d "
            + hours + "h "
            + minutes + "m";
    }

    updateCountdown();

    setInterval(updateCountdown, 60000);

})();
</script>

<?php endif; ?>


    <!-- STATS -->

    <section class="mb-5">

        <div class="row g-4">

            <div class="col-md-4">
                <div class="hp-stat-card p-4 h-100">

                    <div class="d-flex align-items-center gap-3">

                        <div class="hp-stat-icon">
                            <i class="fa fa-globe"></i>
                        </div>

                        <div>
                            <div class="display-6 fw-bold">
                                <?= (int)$totalConferences ?>
                            </div>

                            <div class="hp-small-muted">
                                <?= $isRtl ? 'المؤتمرات' : 'Conferences' ?>
                            </div>
                        </div>

                    </div>

                </div>
            </div>

            <div class="col-md-4">
                <div class="hp-stat-card p-4 h-100">

                    <div class="d-flex align-items-center gap-3">

                        <div class="hp-stat-icon">
                            <i class="fa fa-users"></i>
                        </div>

                        <div>
                            <div class="display-6 fw-bold">
                                <?= (int)$totalTPC ?>
                            </div>

                            <div class="hp-small-muted">
                                <?= $isRtl ? 'اللجنة العلمية' : 'TPC Members' ?>
                            </div>
                        </div>

                    </div>

                </div>
            </div>



            <div class="col-md-4">
                <div class="hp-stat-card p-4 h-100">

                    <div class="d-flex align-items-center gap-3">

                        <div class="hp-stat-icon">
                            <i class="fa fa-sitemap"></i>
                        </div>

                        <div>
                            <div class="display-6 fw-bold">
                                <?= (int)$totalCommittees ?>
                            </div>

                            <div class="hp-small-muted">
                                <?= $isRtl ? 'اللجان' : 'Committees' ?>
                            </div>
                        </div>

                    </div>

                </div>
            </div>

        </div>

    </section>

    <!-- FEATURED CONFERENCES -->

<!-- TPC MEMBERS -->

<?php if (!empty($tpcMembers)): ?>

<section class="mb-5">

    <div class="d-flex justify-content-between align-items-center mb-4">

        <h2 class="hp-section-title mb-0">

            <?= $isRtl
                ? 'اللجنة العلمية'
                : 'Technical Program Committee' ?>

        </h2>

    </div>

    <div class="row g-4">

        <?php foreach ($tpcMembers as $m): ?>

            <?php

            $memberName =
                hp_text(
                    $m['name_ar'] ?? '',
                    $m['name_en'] ?? '',
                    $lang
                );

            $memberAffiliation =
                hp_text(
                    $m['affiliation_ar'] ?? '',
                    $m['affiliation_en'] ?? '',
                    $lang
                );

            ?>

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

                <div class="hp-card hp-member">

                    <div class="p-4">

                        <img
                            src="<?= !empty($m['photo'])
                                ? e((string)$m['photo'])
                                : 'https://ui-avatars.com/api/?name=' . urlencode($memberName) ?>"
                            class="hp-avatar"
                            alt=""
                        >

                        <h5 class="fw-bold mb-2">

                            <?= e($memberName) ?>

                        </h5>

                        <div class="text-muted small mb-2">

                            <?= e($memberAffiliation) ?>

                        </div>

                        <?php if (!empty($m['country'])): ?>

                            <span class="badge bg-light text-dark hp-badge">

                                <i class="fa fa-globe"></i>

                                <?= e((string)$m['country']) ?>

                            </span>

                        <?php endif; ?>

                    </div>

                </div>

            </div>

        <?php endforeach; ?>

    </div>

</section>

<?php endif; ?>


<!-- KEYNOTE SPEAKERS -->

<?php if (!empty($keynoteSpeakers)): ?>

<section class="mb-5">

    <h2 class="hp-section-title">

        <?= $isRtl
            ? 'المتحدثون الرئيسيون'
            : 'Keynote Speakers' ?>

    </h2>

    <div class="row g-4">

        <?php foreach ($keynoteSpeakers as $k): ?>

            <?php

            $speakerName =
                hp_text(
                    $k['name_ar'] ?? '',
                    $k['name_en'] ?? '',
                    $lang
                );

            ?>

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

                <div class="hp-card overflow-hidden">

                    <?php if (!empty($k['photo'])): ?>

                        <img
                            src="<?= e((string)$k['photo']) ?>"
                            class="hp-card-image"
                            alt=""
                        >

                    <?php endif; ?>

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

                        <h4 class="fw-bold">

                            <?= e($speakerName) ?>

                        </h4>

                        <div class="text-primary fw-semibold mb-3">

                            <?= e(
                                hp_text(
                                    $k['title_ar'] ?? '',
                                    $k['title_en'] ?? '',
                                    $lang
                                )
                            ) ?>

                        </div>

                        <div class="text-muted">

                            <?= hp_text(
                                $k['bio_ar'] ?? '',
                                $k['bio_en'] ?? '',
                                $lang
                            ) ?>

                        </div>

                    </div>

                </div>

            </div>

        <?php endforeach; ?>

    </div>

</section>

<?php endif; ?>


<!-- COMMITTEES -->

<?php if (!empty($committeeMembers)): ?>

<section class="mb-5">

    <div class="d-flex justify-content-between align-items-center mb-4">

        <h2 class="hp-section-title mb-0">

            <?= $isRtl
                ? 'اللجان التنظيمية'
                : 'Committees' ?>

        </h2>

    </div>

    <div class="row g-4">

        <?php foreach ($committeeMembers as $m): ?>

            <?php

            $memberName =
                hp_text(
                    $m['name_ar'] ?? '',
                    $m['name_en'] ?? '',
                    $lang
                );

            $memberRole =
                hp_text(
                    $m['role_ar'] ?? '',
                    $m['role_en'] ?? '',
                    $lang
                );

            ?>

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

                <div class="hp-card h-100">

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

                        <div class="d-flex align-items-center gap-3">

                            <img
                                src="<?= !empty($m['photo'])
                                    ? e((string)$m['photo'])
                                    : 'https://ui-avatars.com/api/?name=' . urlencode($memberName) ?>"
                                class="hp-avatar"
                                style="width:80px;height:80px;"
                                alt=""
                            >

                            <div>

                                <h5 class="fw-bold mb-1">

                                    <?= e($memberName) ?>

                                </h5>

                                <div class="text-primary fw-semibold">

                                    <?= e($memberRole) ?>

                                </div>

                                <?php if (!empty($m['affiliation_en']) || !empty($m['affiliation_ar'])): ?>

                                    <div class="small text-muted mt-1">

                                        <?= e(
                                            hp_text(
                                                $m['affiliation_ar'] ?? '',
                                                $m['affiliation_en'] ?? '',
                                                $lang
                                            )
                                        ) ?>

                                    </div>

                                <?php endif; ?>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        <?php endforeach; ?>

    </div>

</section>

<?php endif; ?>


<!-- DYNAMIC BUSINESS SECTIONS -->

<?php if (!empty($businessGroups)): ?>

    <?php foreach ($businessGroups as $type => $items): ?>

        <?php

        if (in_array($type, [
            'tpc',
            'committee'
        ])) {
            continue;
        }

        $titles = [

            'keynote' => [
                'ar' => 'المتحدثون الرئيسيون',
                'en' => 'Keynote Speakers'
            ],

            'sponsor' => [
                'ar' => 'الرعاة',
                'en' => 'Sponsors'
            ],

            'partner' => [
                'ar' => 'الشركاء',
                'en' => 'Partners'
            ],

            'publisher' => [
                'ar' => 'الناشر',
                'en' => 'Publisher'
            ],

            'indexing' => [
                'ar' => 'الفهرسة',
                'en' => 'Indexing'
            ],

        ];

        $sectionTitle =
            $titles[$type][$lang]
            ?? ucfirst($type);

        ?>

        <section class="mb-5">

            <h2 class="hp-section-title">

                <?= e($sectionTitle) ?>

            </h2>

            <div class="row g-4">

                <?php foreach ($items as $item): ?>

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

                        <div class="hp-card h-100">

                            <?php if (!empty($item['image_path'])): ?>

                                <img
                                    src="<?= e((string)$item['image_path']) ?>"
                                    class="hp-card-image"
                                    alt=""
                                >

                            <?php endif; ?>

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

                                <h4 class="fw-bold mb-3">

                                    <?= e(
                                        hp_text(
                                            $item['title_ar'] ?? '',
                                            $item['title_en'] ?? '',
                                            $lang
                                        )
                                    ) ?>

                                </h4>

                                <div class="text-muted">

                                    <?= $lang === 'ar'
                                        ? ($item['body_ar'] ?? '')
                                        : ($item['body_en'] ?? '') ?>

                                </div>

                            </div>

                        </div>

                    </div>

                <?php endforeach; ?>

            </div>

        </section>

    <?php endforeach; ?>

<?php endif; ?>



    <?php if (!empty($conferences)): ?>

    <section class="mb-5">

        <div class="d-flex justify-content-between align-items-center mb-4">

            <h2 class="hp-section-title mb-0">
                <?= $isRtl ? 'المؤتمرات المميزة' : 'Featured Conferences' ?>
            </h2>

        </div>

        <div class="row g-4">

            <?php foreach ($conferences as $conference): ?>

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

                    <div class="hp-card">

                        <?php if (!empty($conference['featured_image'])): ?>

                            <img
                                src="<?= e((string)$conference['featured_image']) ?>"
                                class="hp-card-image"
                                alt=""
                            >

                        <?php endif; ?>

                        <div class="hp-gradient-line"></div>

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

                            <span class="badge bg-primary hp-badge mb-3">
                                <?= e((string)($conference['status'] ?? '')) ?>
                            </span>

                            <h3 class="fw-bold h4 mb-3">

                                <?= e(
                                    hp_text(
                                        $conference['title_ar'] ?? '',
                                        $conference['title_en'] ?? '',
                                        $lang
                                    )
                                ) ?>

                            </h3>

                            <div class="hp-small-muted mb-3">

                                <i class="fa fa-calendar-alt"></i>

                                <?= e((string)($conference['submission_deadline'] ?? '')) ?>

                            </div>

                            <?php if (!empty($conference['slug'])): ?>

                                <a href="<?= e(base_path('conference?slug=' . urlencode((string)$conference['slug']))) ?>"
                                   class="btn btn-outline-primary hp-btn">

                                    <?= e(trans('conference_details')) ?>

                                </a>

                            <?php endif; ?>

                        </div>

                    </div>

                </div>

            <?php endforeach; ?>

        </div>

    </section>

    <?php endif; ?>

    <!-- HOMEPAGE BLOCKS -->

    <?php if (!empty($homepageFeatures)): ?>

    <section class="mb-5">

        <h2 class="hp-section-title">
            <?= $isRtl ? 'أقسام المؤتمر' : 'Conference Highlights' ?>
        </h2>

        <div class="row g-4">

            <?php foreach ($homepageFeatures as $block): ?>

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

                    <div class="hp-card">

                        <?php if (!empty($block['image_path'])): ?>

                            <img
                                src="<?= e((string)$block['image_path']) ?>"
                                class="hp-card-image"
                                alt=""
                            >

                        <?php endif; ?>

                        <div class="hp-gradient-line"></div>

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

                            <h3 class="fw-bold h5 mb-3">

                                <?= e(
                                    hp_text(
                                        $block['title_ar'] ?? '',
                                        $block['title_en'] ?? '',
                                        $lang
                                    )
                                ) ?>

                            </h3>

                            <div class="text-muted mb-4">

                                <?= $lang === 'ar'
                                    ? ($block['body_ar'] ?? '')
                                    : ($block['body_en'] ?? '') ?>

                            </div>

                            <?php if (!empty($block['link_url'])): ?>

                                <a href="<?= e((string)$block['link_url']) ?>"
                                   class="btn btn-outline-primary hp-btn btn-sm">

                                    <?= e(trans('conference_details')) ?>

                                </a>

                            <?php endif; ?>

                        </div>

                    </div>

                </div>

            <?php endforeach; ?>

        </div>

    </section>

    <?php endif; ?>

    <!-- ANNOUNCEMENTS -->

    <?php if (!empty($homepageAnnouncements)): ?>

    <section class="mb-5">

        <h2 class="hp-section-title">
            <?= $isRtl ? 'الإعلانات' : 'Announcements' ?>
        </h2>

        <div class="row g-4">

            <?php foreach ($homepageAnnouncements as $ann): ?>

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

                    <div class="hp-announcement p-4 h-100">

                        <h3 class="fw-bold mb-3">

                            <?= e(
                                hp_text(
                                    $ann['title_ar'] ?? '',
                                    $ann['title_en'] ?? '',
                                    $lang
                                )
                            ) ?>

                        </h3>

                        <div>

                            <?= $lang === 'ar'
                                ? ($ann['body_ar'] ?? '')
                                : ($ann['body_en'] ?? '') ?>

                        </div>

                    </div>

                </div>

            <?php endforeach; ?>

        </div>

    </section>

    <?php endif; ?>


<!-- SPONSORS -->

<?php if (!empty($sponsors)): ?>

<section class="mb-5">

    <h2 class="hp-section-title">

        <?= $isRtl
            ? 'الرعاة والشركاء'
            : 'Sponsors & Partners' ?>

    </h2>

    <div class="hp-card p-5">

        <div class="row g-4 align-items-center justify-content-center">

            <?php foreach ($sponsors as $sponsor): ?>

                <div class="col-6 col-md-3 text-center">

                    <?php if (!empty($sponsor['logo'])): ?>

                        <img
                            src="<?= e((string)$sponsor['logo']) ?>"
                            class="img-fluid"
                            style="
                                max-height:90px;
                                object-fit:contain;
                            "
                            alt=""
                        >

                    <?php endif; ?>

                </div>

            <?php endforeach; ?>

        </div>

    </div>

</section>

<?php endif; ?>


<!-- IMPORTANT DATES -->

<section class="mb-5">

    <h2 class="hp-section-title">

        <?= $isRtl
            ? 'المواعيد المهمة'
            : 'Important Dates' ?>

    </h2>

    <div class="hp-card p-5">

        <div class="row g-4">

            <?php if (!empty($conferences[0]['submission_deadline'])): ?>

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

                    <div class="text-center">

                        <div class="hp-stat-icon mx-auto mb-3">
                            <i class="fa fa-file-upload"></i>
                        </div>

                        <h5 class="fw-bold">

                            <?= $isRtl
                                ? 'آخر موعد للإرسال'
                                : 'Submission Deadline' ?>

                        </h5>

                        <div class="text-muted">

                            <?= e((string)$conferences[0]['submission_deadline']) ?>

                        </div>

                    </div>

                </div>

            <?php endif; ?>

            <?php if (!empty($conferences[0]['review_deadline'])): ?>

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

                    <div class="text-center">

                        <div class="hp-stat-icon mx-auto mb-3">
                            <i class="fa fa-search"></i>
                        </div>

                        <h5 class="fw-bold">

                            <?= $isRtl
                                ? 'موعد التحكيم'
                                : 'Review Deadline' ?>

                        </h5>

                        <div class="text-muted">

                            <?= e((string)$conferences[0]['review_deadline']) ?>

                        </div>

                    </div>

                </div>

            <?php endif; ?>

            <?php if (!empty($conferences[0]['camera_ready_deadline'])): ?>

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

                    <div class="text-center">

                        <div class="hp-stat-icon mx-auto mb-3">
                            <i class="fa fa-check-circle"></i>
                        </div>

                        <h5 class="fw-bold">

                            <?= $isRtl
                                ? 'النسخة النهائية'
                                : 'Camera Ready' ?>

                        </h5>

                        <div class="text-muted">

                            <?= e((string)$conferences[0]['camera_ready_deadline']) ?>

                        </div>

                    </div>

                </div>

            <?php endif; ?>

            <?php if (!empty($conferences[0]['conference_start'])): ?>

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

                    <div class="text-center">

                        <div class="hp-stat-icon mx-auto mb-3">
                            <i class="fa fa-calendar-alt"></i>
                        </div>

                        <h5 class="fw-bold">

                            <?= $isRtl
                                ? 'موعد المؤتمر'
                                : 'Conference Date' ?>

                        </h5>

                        <div class="text-muted">

                            <?= e((string)$conferences[0]['conference_start']) ?>

                        </div>

                    </div>

                </div>

            <?php endif; ?>

        </div>

    </div>

</section>

    <!-- CTA -->

    <section class="hp-cta p-5 shadow-lg mb-5">

        <div class="row align-items-center position-relative">

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

                <h2 class="display-5 fw-bold mb-3">

                    <?= $isRtl
                        ? 'ابدأ رحلتك البحثية اليوم'
                        : 'Start Your Research Journey Today' ?>

                </h2>

                <p class="lead mb-4">

                    <?= $isRtl
                        ? 'انضم إلى نخبة الباحثين والخبراء في المؤتمرات الدولية.'
                        : 'Join leading researchers and international experts.' ?>

                </p>

            </div>

            <div class="col-lg-4 text-lg-end">

                <a href="<?= e(base_path('register')) ?>"
                   class="btn btn-warning btn-lg hp-btn">

                    <?= $isRtl
                        ? 'إرسال بحث'
                        : 'Submit Paper' ?>

                </a>

            </div>

        </div>

    </section>

</div>

<?php require __DIR__ . '/../layouts/footer.php'; ?>
