<?php

require_once __DIR__ . '/_cms_helpers.php';

$lang =
    $lang ?? 'en';

?>

<section class="ec-map-experience ec-reveal ec-hover-lift ec-glow-hover">

<?php

$venue = null;

try {

    $stmtVenue = $db->prepare("
        SELECT *
        FROM conference_venues
        WHERE conference_id = ?
        AND is_active = 1
        ORDER BY id DESC
        LIMIT 1
    ");

    $stmtVenue->execute([
        $conference['id']
    ]);

    $venue =
        $stmtVenue->fetch(PDO::FETCH_ASSOC);

} catch(Throwable $e) {

}
?>

    <div class="ec-map-top">

        <div>

            <div class="ec-ieee-badge mb-4">

                <i class="fa fa-map-location-dot"></i>

                <?= $lang === 'ar'
                    ? 'خريطة المؤتمر'
                    : 'Conference Navigation' ?>

            </div>

            <div class="ec-map-title">

                <?= $lang === 'ar'
                    ? 'التنقل الذكي داخل المؤتمر'
                    : 'Interactive Venue & Campus Navigation' ?>

            </div>

            <div class="ec-map-desc">

                <?= $lang === 'ar'
                    ? 'توفر المنصة تجربة تنقل ذكية تساعد المشاركين على استكشاف القاعات والجلسات والخدمات والمرافق بسهولة ضمن بيئة مؤتمر احترافية.'
                    : 'The platform provides a smart navigation experience helping attendees explore halls, sessions, services, and facilities within a professional conference environment.'
                ?>

            </div>

        </div>

    </div>

    <div class="ec-map-layout">

        <div class="ec-map-visual">

            <div class="ec-map-overlay"></div>

            <div class="ec-map-center">

                <div class="ec-map-center-icon">

                    <i class="fa fa-building-columns"></i>

                </div>

                <div class="ec-map-center-title">

                    <?= pcb_h(
                        $conference['short_name']
                        ?? 'Conference Venue'
                    ) ?>

                </div>

                <div class="ec-map-center-desc">

                    <?= $lang === 'ar'
                        ? 'بيئة أكاديمية متكاملة للجلسات العلمية والفعاليات والتواصل البحثي.'
                        : 'Integrated academic environment for scientific sessions, events, and research collaboration.'
                    ?>

                </div>

            </div>

            <div class="ec-map-pin pin1">
                <i class="fa fa-microphone"></i>
            </div>

            <div class="ec-map-pin pin2">
                <i class="fa fa-users"></i>
            </div>

            <div class="ec-map-pin pin3">
                <i class="fa fa-book-open"></i>
            </div>

            <div class="ec-map-pin pin4">
                <i class="fa fa-mug-hot"></i>
            </div>

        </div>

        <div class="ec-map-side">

            <div class="ec-map-card">

                <div class="ec-map-card-top">

                    <div class="ec-map-card-icon">

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

                    </div>

                    <div class="ec-map-card-title">

                        <?= $lang === 'ar'
                            ? 'القاعات والجلسات'
                            : 'Halls & Sessions' ?>

                    </div>

                </div>

                <div class="ec-map-card-desc">

                    <?= $lang === 'ar'
                        ? 'استكشف القاعات العلمية والجلسات الرئيسية وورش العمل بسهولة.'
                        : 'Explore scientific halls, keynote sessions, and workshops with ease.'
                    ?>

                </div>

                <div class="ec-map-actions">

                    <a href="#timetable"
                       class="ec-paper-btn">

                        <i class="fa fa-arrow-right"></i>

                        <?= $lang === 'ar'
                            ? 'عرض البرنامج'
                            : 'View Schedule' ?>

                    </a>

                </div>

            </div>

            <div class="ec-map-card">

                <div class="ec-map-card-top">

                    <div class="ec-map-card-icon">

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

                    </div>

                    <div class="ec-map-card-title">

                        <?= $lang === 'ar'
                            ? 'الإقامة والخدمات'
                            : 'Hotels & Services' ?>

                    </div>

                </div>

                <div class="ec-map-card-desc">

                    <?= $lang === 'ar'
                        ? 'معلومات حول الفنادق القريبة وخدمات الضيافة والتنقل.'
                        : 'Information about nearby hotels, hospitality, and transportation services.'
                    ?>

                </div>

            </div>

            <div class="ec-map-card">

                <div class="ec-map-card-top">

                    <div class="ec-map-card-icon">

                        <i class="fa fa-earth-americas"></i>

                    </div>

                    <div class="ec-map-card-title">

                        <?= $lang === 'ar'
                            ? 'التجربة الدولية'
                            : 'Global Conference Experience' ?>

                    </div>

                </div>

                <div class="ec-map-card-desc">

                    <?= $lang === 'ar'
                        ? 'منصة متقدمة تجمع الباحثين والخبراء من مختلف أنحاء العالم.'
                        : 'Advanced conference ecosystem connecting researchers and experts worldwide.'
                    ?>

                </div>

            </div>

        </div>

    </div>

</section>
