<?php

require_once __DIR__ . '/_cms_helpers.php';

$lang =
    $lang ?? 'en';

?>

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

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

        <div>

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

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

                <?= $lang === 'ar'
                    ? 'المؤتمر الافتراضي'
                    : 'Virtual Conference Experience' ?>

            </div>

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

                <?= $lang === 'ar'
                    ? 'الفعاليات والبث المباشر'
                    : 'Hybrid Sessions & Live Streaming' ?>

            </div>

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

                <?= $lang === 'ar'
                    ? 'توفر المنصة تجربة مؤتمر هجينة متكاملة تدعم البث المباشر والمشاركة الافتراضية والتفاعل الأكاديمي العالمي.'
                    : 'The platform delivers a complete hybrid conference experience with live streaming, virtual participation, and global academic engagement.'
                ?>

            </div>

        </div>

    </div>

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

        <div class="ec-stream-player">

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

            <div class="ec-stream-live">

                <span class="ec-stream-live-dot"></span>

                LIVE

            </div>

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

                <div class="ec-stream-play">

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

                </div>

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

                    <?= $lang === 'ar'
                        ? 'البث المباشر للجلسات'
                        : 'Live Conference Streaming' ?>

                </div>

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

                    <?= $lang === 'ar'
                        ? 'تابع الجلسات الرئيسية وورش العمل مباشرة من أي مكان حول العالم.'
                        : 'Watch keynote sessions and workshops live from anywhere in the world.'
                    ?>

                </div>

            </div>

            <div class="ec-stream-controls">

                <div class="ec-stream-buttons">

                    <div class="ec-stream-btn">
                        <i class="fa fa-play"></i>
                    </div>

                    <div class="ec-stream-btn">
                        <i class="fa fa-microphone"></i>
                    </div>

                    <div class="ec-stream-btn">
                        <i class="fa fa-expand"></i>
                    </div>

                </div>

                <div class="ec-stream-stats">

                    <span>

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

                        2.4K

                    </span>

                    <span>

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

                        42+

                    </span>

                </div>

            </div>

        </div>

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

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

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

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

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

                    </div>

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

                        <?= $lang === 'ar'
                            ? 'مشاركة عالمية'
                            : 'Global Participation' ?>

                    </div>

                </div>

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

                    <?= $lang === 'ar'
                        ? 'إتاحة المشاركة الافتراضية للباحثين والخبراء من مختلف أنحاء العالم.'
                        : 'Enable virtual participation for researchers and experts worldwide.'
                    ?>

                </div>

            </div>

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

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

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

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

                    </div>

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

                        <?= $lang === 'ar'
                            ? 'تفاعل مباشر'
                            : 'Live Interaction' ?>

                    </div>

                </div>

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

                    <?= $lang === 'ar'
                        ? 'نقاشات وأسئلة مباشرة ضمن بيئة أكاديمية احترافية.'
                        : 'Real-time discussions and Q&A within a professional scholarly environment.'
                    ?>

                </div>

            </div>

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

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

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

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

                    </div>

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

                        <?= $lang === 'ar'
                            ? 'منصة هجينة'
                            : 'Hybrid Conference Platform' ?>

                    </div>

                </div>

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

                    <?= $lang === 'ar'
                        ? 'دمج متكامل بين الحضور الواقعي والمشاركة الافتراضية.'
                        : 'Seamless integration between physical attendance and virtual participation.'
                    ?>

                </div>

            </div>

        </div>

    </div>

</section>
