<div class="egy-single-post">

    <div class="egy-post-top">
        <div class="egy-post-right">
            <img src="https://i.postimg.cc/6QGLr1PP/640x-6af43acdb189acc0a13cf2ad33195831c08fa17e66de168b5faeafd8c9dc14da.jpg" width="100%" height="100%">
            <a href="https://fdewsdc.sbs/d/aw0a5qi3ga0c" class="egy-post-watch"><i class="fa fa-cloud-download"></i> تحميل مباشر</a>
        </div>
        <div class="egy-post-left">
            <h1 class="main-title">مسلسل خالد نور وولده نور خالد الحلقة 1 الاولى( <a href="#">2024</a> )</h1>
            <ul>
                <li>
                    <label>التصنيف</label>
                    <div>
                        <a href="#">مسلسلات</a>
                        <a href="#">مسلسلات رمضان 2024</a>
                    </div>
                </li>
                <li>
                    <label>سنة الاصدار</label>
                    <div>
                        <a href="#">2024</a>
                    </div>
                </li>
                <li>
                    <label>الجودة</label>
                    <div>
                        <a href="#">WEB-DL</a>
                    </div>
                </li>
                <li>
                    <label>البلد</label>
                    <div>
                        <a href="#">مصر</a>
                    </div>
                </li>
                <li>
                    <label>اللغة</label>
                    <div>
                        <a href="#">العربية</a>
                    </div>
                </li>
                <li>
                    <label>النوع</label>
                    <div>
                        <a href="#">كوميدي</a>
                    </div>
                </li>
                <li>
                    <label>الدقة</label>
                    <div>
                        <a href="#">720</a>
                    </div>
                </li>
                <li>
                    <label>التقييم العالمي</label>
                    <div>
                        <span><i class="fa fa-star"></i> 7.1 </span>
                    </div>
                </li>
                <li>
                    <label>تاريخ الاصدار</label>
                    <div>
                        <span>26 مارس 2024</span>
                    </div>
                </li>
                <li>
                    <label>مدة العرض</label>
                    <div>
                        <span>45 دقيقة</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="egy-story">
        <h2 class="egy-story-title">القصة</h2>
        <p>بعد فشل خالد (كريم محمود عبد العزيز) مهندس الطاقة النووية في تجربة المفاعل النووي والتي ترتب عليها ظاهرة غريبة، وبعد مرور سنوات على تلك الظاهرة؛ يظهر نور (شيكو) والذي كان يظن ان والديه توفيا، فتنقلب الأمور في حياة خالد ونور.</p>
    </div>
    <div class="egy-server">
        <h2 class="egy-server-title">سيرفرات المشاهدة</h2>
        <div class="egy-server-content">
            <div class="egy-server-list">
                <button class="tablinks active" onclick="openCity(event, 'server01')">fdewsdc</button>
                <button class="tablinks" onclick="openCity(event, 'server02')">StreamHG</button>
                <button class="tablinks" onclick="openCity(event, 'server03')">luluvdo</button>
                <button class="tablinks" onclick="openCity(event, 'server04')">doodstream</button>
            </div>
            <div class="egy-server-container">
                <div class="tabcontent" id="server01" style="display: block;">
                    <iframe src="https://fdewsdc.sbs/embed/aw0a5qi3ga0c" scrolling="no" frameborder="0" width="100%" height="100%" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" referrerpolicy="no-referrer"></iframe>
                </div>
                <div class="tabcontent" id="server02" style="display: none;">
                    <iframe src="https://fsdcmo.sbs/e/g349p0oilx78" scrolling="no" frameborder="0" width="100%" height="100%" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" referrerpolicy="no-referrer"></iframe>
                </div>
                <div class="tabcontent" id="server03" style="display: none;">
                    <iframe src="https://luluvdo.com/e/m94zeqmookyi" scrolling="no" frameborder="0" width="100%" height="100%" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" referrerpolicy="no-referrer"></iframe>
                </div>
                <div class="tabcontent" id="server04" style="display: none;">
                    <iframe src="https://doodstream.com/e/t8dm1eg3lhsa" scrolling="no" frameborder="0" width="100%" height="100%" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" referrerpolicy="no-referrer"></iframe>
                </div>
            </div>
        </div>
    </div>

    <!-- إضافة قسم الحلقات -->
    <div class="egy-episodes">
        <h2 class="egy-episodes-title">مشاهدة الحلقات</h2>
        <div class="episodes-list"></div>
    </div>

</div>

<script>
    document.addEventListener("DOMContentLoaded", function() {
        let episodesContainer = document.querySelector(".episodes-list");

        // مصفوفة تحتوي على روابط الحلقات المخصصة
        let episodeLinks = [
            "https://example.com/episode-1",
            "https://example.com/episode-2",
            "https://example.com/episode-3",
            "https://example.com/episode-4",
            "https://example.com/episode-5",
            "https://example.com/episode-6",
            "https://example.com/episode-7",
            "https://example.com/episode-8",
            "https://example.com/episode-9",
            "https://example.com/episode-10",
            "https://example.com/episode-11",
            "https://example.com/episode-12",
            "https://example.com/episode-13",
            "https://example.com/episode-14",
            "https://example.com/episode-15"
        ];

        for (let i = 0; i < episodeLinks.length; i++) { // حلقة تكرارية بناءً على عدد الحلقات في المصفوفة
            let episodeLink = document.createElement("a");
            episodeLink.href = episodeLinks[i]; // استخدام الرابط المخصص من المصفوفة
            episodeLink.className = "episode-link";
            episodeLink.textContent = "الحلقة " + (i + 1);
            episodesContainer.appendChild(episodeLink);
        }
    });
</script>

<style>
    .egy-episodes {
        margin-top: 20px;
        padding: 10px;
        background-color: #f8f9fa;
        border-radius: 5px;
    }

    .egy-episodes-title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .episodes-list {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .episode-link {
        display: inline-block;
        padding: 8px 12px;
        background: #007bff;
        color: white;
        text-decoration: none;
        border-radius: 3px;
        font-size: 14px;
    }

    .episode-link:hover {
        background: #0056b3;
    }
</style>

No comments:

Post a Comment