@extends('layouts.app')
@section('content')
    <div class="container">
        @include('desktop.partials.runningtext')
        @include('desktop.partials.breadcrumb')
<section class="leaderboard">
    <header class="page-header">
        <i class="icon-leaderboard icon--lg"></i>
        <h3>Leaderboard</h3>
    </header>
    <nav class="side-nav side-nav--sticky side-nav--d">
        <ul>
            <li class="side-nav__item side-nav__item--active">
                <a href="/leaderboard/providers">
                    <i class="icon-slot-machine icon--lg"></i>
                    <span>Hadiah Provider</span>
                </a>
            </li>
            <li class="side-nav__item">
                <a href="/leaderboard/distributed">
                    <i class="icon-money-bag icon--lg"></i>
                    <span>Hadiah Terbagikan</span>
                </a>
            </li>
        </ul>
    </nav>
    <div class="leaderboard-content">
        <div class="leaderboard-providers">
            <div class="leaderboard-providers__total">
                <div class="text">
                    <h4>Total Hadiah 2026</h4>
                    <h2>Rp 2.599.814.755</h2>
                    <h3>
                        <strong>39.953</strong> pemenang di tahun 2026
                    </h3>
                </div>
                <div class="icon">
                    <img alt="" src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/moneybag.de4fab9.svg" class="brand-icon brand-icon--responsive">
                </div>
            </div>
            <ul>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>PragmaticPlay</h4>
                            <h2>Rp 1.855.738.813</h2>
                            <h3>
                                <strong>23.985</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/pragmaticplay.svg" alt="PragmaticPlay">
                            <span>PragmaticPlay</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>Slot Mania</h4>
                            <h2>Rp 301.265.282</h2>
                            <h3>
                                <strong>3.396</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/slotmania.svg" alt="Slot Mania">
                            <span>Slot Mania</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>Microgaming</h4>
                            <h2>Rp 188.422.480</h2>
                            <h3>
                                <strong>4.314</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/microgaming.svg" alt="Microgaming">
                            <span>Microgaming</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>Spadegaming</h4>
                            <h2>Rp 92.282.000</h2>
                            <h3>
                                <strong>5.477</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/spadegaming_slot.svg" alt="Spadegaming">
                            <span>Spadegaming</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>Stream n'Spin</h4>
                            <h2>Rp 65.775.000</h2>
                            <h3>
                                <strong>823</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/idnsns.svg" alt="Stream n'Spin">
                            <span>Stream n'Spin</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>IDNSLOT</h4>
                            <h2>Rp 52.060.000</h2>
                            <h3>
                                <strong>1.454</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/idnslotdirect.svg" alt="IDNSLOT">
                            <span>IDNSLOT</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>PragmaticPlay Live</h4>
                            <h2>Rp 25.950.000</h2>
                            <h3>
                                <strong>219</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/pragmaticplay.svg" alt="PragmaticPlay Live">
                            <span>PragmaticPlay Live</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>Habanero</h4>
                            <h2>Rp 11.975.000</h2>
                            <h3>
                                <strong>108</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/habanero.svg" alt="Habanero">
                            <span>Habanero</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>PP 98% RTP</h4>
                            <h2>Rp 3.926.160</h2>
                            <h3>
                                <strong>132</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/pragmaticplay98.svg" alt="PP 98% RTP">
                            <span>PP 98% RTP</span>
                        </div>
                    </div>
                </li>
                <li class="detail-box">
                    <div>
                        <div class="text">
                            <h4>Fat Panda</h4>
                            <h2>Rp 2.420.020</h2>
                            <h3>
                                <strong>45</strong> pemenang di tahun 2026
                            </h3>
                        </div>
                        <div class="icon">
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/library/panda.svg" alt="Fat Panda">
                            <span>Fat Panda</span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>
</div>
@endsection