@extends('layout.mobile.main')
@section('mobile')
    <main>
        <div class="container">
            <section data-v-3c5bcb74="" class="leaderboard">
                <header data-v-3c5bcb74="" class="page-header">
                    <i class="fas fa-trophy fa-lg"></i>
                    <h3 data-v-3c5bcb74="">Leaderboard</h3>
                </header>
                <nav data-v-70a1e4da="" data-v-3c5bcb74="" class="side-nav side-nav--sticky">
                    <ul data-v-70a1e4da="">
                        <li data-v-70a1e4da="" class="side-nav__item side-nav__item--active"><a href="javascript:void(0);"
                                class="tablink" onclick="openTab('hadiah', this)"> <i class="fas fa-trophy fa-md"></i> <span
                                    data-v-70a1e4da="">Hadiah
                                    Provider</span></a></li>
                    </ul>
                </nav>

                <div data-v-3c5bcb74="" class="leaderboard-content" id="hadiah" style="display: block;">
                    <div data-v-403cb7ff="" data-v-3c5bcb74="" class="leaderboard-providers">
                        <div data-v-403cb7ff="" class="leaderboard-providers__total">
                            <div data-v-403cb7ff="" class="text">
                                <h4 data-v-403cb7ff="">Total Hadiah 2024</h4>
                                <h2 data-v-403cb7ff="">Rp 4.915.944.104</h2>
                                <h3 data-v-403cb7ff=""><strong>78.112</strong> pemenang di tahun 2024</h3>
                            </div>
                            <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff="" alt=""
                                    src="../../image/moneybag.6d8ad49.svg" class="brand-icon brand-icon--responsive"></div>
                        </div>
                        <ul data-v-403cb7ff="">
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">PragmaticPlay</h4>
                                        <h2 data-v-403cb7ff="">Rp 3.970.354.843</h2>
                                        <h3 data-v-403cb7ff=""><strong>66.245</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                            alt="PragmaticPlay"> <span data-v-403cb7ff="">PragmaticPlay</span></div>
                                </div>
                            </li>
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">Microgaming</h4>
                                        <h2 data-v-403cb7ff="">Rp 333.309.000</h2>
                                        <h3 data-v-403cb7ff=""><strong>6.286</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/microgaming.svg"
                                            alt="Microgaming"> <span data-v-403cb7ff="">Microgaming</span></div>
                                </div>
                            </li>
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">PragmaticPlay Live</h4>
                                        <h2 data-v-403cb7ff="">Rp 221.567.761</h2>
                                        <h3 data-v-403cb7ff=""><strong>548</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                            alt="PragmaticPlay Live"> <span data-v-403cb7ff="">PragmaticPlay Live</span>
                                    </div>
                                </div>
                            </li>
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">Nolimit City</h4>
                                        <h2 data-v-403cb7ff="">Rp 156.134.000</h2>
                                        <h3 data-v-403cb7ff=""><strong>3.332</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/evolution-nlc.svg"
                                            alt="Nolimit City"> <span data-v-403cb7ff="">Nolimit City</span></div>
                                </div>
                            </li>
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">Habanero</h4>
                                        <h2 data-v-403cb7ff="">Rp 121.450.000</h2>
                                        <h3 data-v-403cb7ff=""><strong>554</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/habanero.svg"
                                            alt="Habanero"> <span data-v-403cb7ff="">Habanero</span></div>
                                </div>
                            </li>
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">PG Soft</h4>
                                        <h2 data-v-403cb7ff="">Rp 72.025.000</h2>
                                        <h3 data-v-403cb7ff=""><strong>384</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pgsoft.svg"
                                            alt="PG Soft"> <span data-v-403cb7ff="">PG Soft</span></div>
                                </div>
                            </li>
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">IDNSLOT</h4>
                                        <h2 data-v-403cb7ff="">Rp 32.966.000</h2>
                                        <h3 data-v-403cb7ff=""><strong>409</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/idnslot.svg"
                                            alt="IDNSLOT"> <span data-v-403cb7ff="">IDNSLOT</span></div>
                                </div>
                            </li>
                            <li data-v-403cb7ff="" class="detail-box">
                                <div data-v-403cb7ff="">
                                    <div data-v-403cb7ff="" class="text">
                                        <h4 data-v-403cb7ff="">PP 98% RTP</h4>
                                        <h2 data-v-403cb7ff="">Rp 8.137.500</h2>
                                        <h3 data-v-403cb7ff=""><strong>354</strong> pemenang di tahun 2024</h3>
                                    </div>
                                    <div data-v-403cb7ff="" class="icon"><img data-v-403cb7ff=""
                                            src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay98.svg"
                                            alt="PP 98% RTP"> <span data-v-403cb7ff="">PP 98% RTP</span></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

            </section>
        </div>
    </main>


    <script>
        function openTab(tabId, element) {
            // Hide all content divs
            var contents = document.getElementsByClassName("leaderboard-content");
            for (var i = 0; i < contents.length; i++) {
                contents[i].style.display = "none";
            }

            // Remove the active class from all tab links
            var tablinks = document.getElementsByClassName("tablink");
            for (var i = 0; i < tablinks.length; i++) {
                tablinks[i].parentElement.classList.remove("side-nav__item--active");
            }

            // Show the selected content div and add active class to the clicked tab
            document.getElementById(tabId).style.display = "block";
            element.parentElement.classList.add("side-nav__item--active");
        }
    </script>
@endsection