@extends('layout.desktop.main')
@section('content')
    <main>
        <div class="container">
            @include('layout.desktop.running_text')
            <nav class="app-breadcrumbs app-breadcrumbs--d">
                <ul>
                    <li data-pos="start" class="nav-observer"></li>
                    <li class="nav-item nav-item--home"><a href="/" class="app-link--active" name="Beranda">
                            Beranda
                        </a></li>
                    <li class="nav-item nav-item--fill"><i class="fas fa-chevron-right fa-xs"></i></li>
                    <li class="nav-item"><a href="/leaderboard" aria-current="page"
                            class="app-link--exact-active app-link--active" name="Leaderboard" data-ref="leaderboard">
                            Leaderboard
                        </a>
                    </li>
                </ul>
            </nav>
            <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 side-nav--d"
                    style="background-color: rgb(21, 23, 27); padding: 40px 20px; border-radius: 20px;">
                    <ul data-v-70a1e4da="">
                        <li data-v-70a1e4da="" class="side-nav__item side-nav__item--active" style="margin-bottom: 20px;">
                            <a href="javascript:void(0);" class="tablink" onclick="openTab('hadiah', this)">
                                <i class="fas fa-gamepad fa-lg"></i> <span>Hadiah Provider</span>
                            </a>
                        </li>
                        <li data-v-70a1e4da="" class="side-nav__item" style="margin-bottom: 20px;">
                            <a href="javascript:void(0);" class="tablink" onclick="openTab('pemenang', this)">
                                <i class="fas fa-medal fa-lg"></i> <span>Daftar Pemenang</span>
                            </a>
                        </li>
                        <li data-v-70a1e4da="" class="side-nav__item">
                            <a href="javascript:void(0);" class="tablink" onclick="openTab('dibagikan', this)">
                                <i class="fas fa-coins fa-lg"></i> <span>Hadiah Terbagikan</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>

                <div class="leaderboard-content" data-v-3c5bcb74="" id="pemenang" style="display: none;">
                    <div data-v-edda4100="" data-v-3c5bcb74="" class="leaderboard-winners">
                        <div data-v-edda4100="" class="leaderboard-winners__list">
                            <header data-v-edda4100="">
                                <h6 data-v-edda4100="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Player</font>
                                    </font>
                                </h6>
                                <h6 data-v-edda4100="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Date</font>
                                    </font>
                                </h6>
                                <h6 data-v-edda4100="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Games</font>
                                    </font>
                                </h6>
                                <h6 data-v-edda4100="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Present</font>
                                    </font>
                                </h6>
                            </header>
                            <ul data-v-edda4100="">
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Bij****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">1,000,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Raf****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">500,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Bij****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">400,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Raf****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">300,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Mod****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">300,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Pul****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">300,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Ben****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">300,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Myh****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">300,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Nag****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">200,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Gil****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">200,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Bog****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">200,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Ace****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">200,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Ali****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Yes****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">jul****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Hok****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Col****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Nas****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Yes****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                                <li data-v-edda4100=""><span data-v-edda4100="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Iwa****</font>
                                        </font>
                                    </span> <span data-v-edda4100="" class="date">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">8/31/2024</font>
                                        </font>
                                    </span>
                                    <div data-v-edda4100="" class="game">
                                        <div data-v-edda4100="" class="logo"><img data-v-edda4100=""
                                                src="https://dmwl0ca1bvnm.cloudfront.net/common/dark/library/pragmaticplay.svg"
                                                alt="PragmaticPlay"></div>
                                        <div data-v-edda4100="" class="detail">
                                            <h5 data-v-edda4100="">
                                                <font style="vertical-align: inherit;">
                                                    <font style="vertical-align: inherit;">PragmaticPlay</font>
                                                </font>
                                            </h5>
                                        </div>
                                    </div>
                                    <div data-v-edda4100="" class="prize"><span data-v-edda4100="">
                                            <font style="vertical-align: inherit;">
                                                <font style="vertical-align: inherit;">100,000</font>
                                            </font>
                                        </span></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="leaderboard-content" data-v-3c5bcb74="" id="dibagikan" style="display: none;">
                    <div data-v-acf90ab0="" data-v-3c5bcb74="" class="leaderboard-distributed">
                        <header data-v-acf90ab0="" class="leaderboard-distributed__banner">
                            <picture data-v-acf90ab0="">
                                <source data-v-acf90ab0=""
                                    srcset="https://dmwl0ca1bvnm.cloudfront.net/common/default/scoreboard-d.png"
                                    media="(min-width: 640px)"> <img data-v-acf90ab0=""
                                    src="https://dmwl0ca1bvnm.cloudfront.net/common/default/scoreboard.jpg"
                                    alt="leaderboard.distributed-prize">
                            </picture>
                            <div data-v-acf90ab0="">
                                <h3 data-v-acf90ab0="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Total Prize 2024</font>
                                    </font>
                                </h3>
                                <h2 data-v-acf90ab0="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Rp 0</font>
                                    </font>
                                </h2>
                            </div>
                        </header>
                        <div data-v-acf90ab0="" class="leaderboard-distributed__prizes">
                            <header data-v-acf90ab0="">
                                <h6 data-v-acf90ab0="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Month</font>
                                    </font>
                                </h6>
                                <h6 data-v-acf90ab0="">
                                    <font style="vertical-align: inherit;">
                                        <font style="vertical-align: inherit;">Total Prize</font>
                                    </font>
                                </h6>
                            </header>
                            <ul data-v-acf90ab0="">
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">September 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 12,175,000</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">August 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 624,178,720</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">July 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 608,312,360</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">June 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 582,749,700</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">May 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 554,854,420</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">April 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 676,238,530</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">March 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 732,528,100</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">February 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 506,936,035</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">January 2024</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 618,882,228</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">December 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 739,516,589</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">November 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 698,589,830</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">October 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 993,161,973</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">September 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 741,058,058</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">August 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 978,843,485</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">July 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 552,410,150</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">June 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 506,402,900</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">May 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 551,167,263</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">April 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 557,525,812</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">March 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 586,754,734</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">February 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 429,512,735</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">January 2023</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 344,824,192</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">December 2022</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 408,113,000</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">November 2022</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 370,583,111</font>
                                        </font>
                                    </span></li>
                                <li data-v-acf90ab0=""><span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">October 2022</font>
                                        </font>
                                    </span> <span data-v-acf90ab0="">
                                        <font style="vertical-align: inherit;">
                                            <font style="vertical-align: inherit;">Rp. 349,629,746</font>
                                        </font>
                                    </span></li>
                            </ul>
                        </div>
                    </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 = "";
            element.parentElement.classList.add("side-nav__item--active");
        }
    </script>
@endsection