@extends('layouts.app')
@section('content')
    @php
        $isLogin = auth()->check();
    @endphp
    <div class="container">
        @include('desktop.partials.runningtext')
        <section class="home home--d">
            {{-- ================= BANNER ================= --}}
            <div class="home-carousel">
                @if (!empty($banner) && count($banner) > 0)
                    <div class="banner-slider">
                        @foreach ($banner as $row)
                            <div>
                                <a href="{{ $row['link'] ?? '#' }}" style="display:inline-block; width:100%;">
                                    <img src="{{ $row->image }}" alt="{{ $row->title ?? 'banner' }}" class="slide"
                                        loading="lazy">
                                </a>
                            </div>
                        @endforeach
                    </div>
                @endif
            </div>
            {{-- ================= IDN ================= --}}
            <div class="idn-carousel home--columns-1">
                <div dir="ltr" class="slick-slider slick-initialized" data-v-3d1a4f76="">
                    <div class="slick-list" data-v-3d1a4f76="">
                        <div class="slick-track"
                            style="width: 2590px; opacity: 1; transform: translate3d(-370px, 0px, 0px);" data-v-e4caeaf8=""
                            data-v-3d1a4f76="">
                            <div data-v-e4caeaf8="" tabindex="-1" data-index="-1" aria-hidden="true"
                                class="slick-slide slick-cloned" style="width: 370px;">
                                <div data-v-e4caeaf8=""><a href="/slots" class="idn-carousel__slide"
                                        tabindex="-1" data-v-e4caeaf8="" style="width: 100%; display: inline-block;"><img
                                            src="https://cdn-proxy.globalcontentcloud.com/common/default/idn/idn-slot.jpg"
                                            alt="IDN Slot"></a></div>
                            </div>
                            <div tabindex="-1" data-index="0" aria-hidden="false"
                                class="slick-slide slick-active slick-current" style="outline: none; width: 370px;"
                                data-v-e4caeaf8="">
                                <div data-v-e4caeaf8=""><a href="/poker" class="idn-carousel__slide" tabindex="-1"
                                        data-v-e4caeaf8="" style="width: 100%; display: inline-block;"><img
                                            src="https://cdn-proxy.globalcontentcloud.com/common/default/idn/idn-poker.jpg"
                                            alt="IDN Poker"></a></div>
                            </div>
                            <div tabindex="-1" data-index="1" aria-hidden="true" class="slick-slide"
                                style="outline: none; width: 370px;" data-v-e4caeaf8="">
                                <div data-v-e4caeaf8=""><a href="/casino" class="idn-carousel__slide" tabindex="-1"
                                        data-v-e4caeaf8="" style="width: 100%; display: inline-block;"><img
                                            src="https://cdn-proxy.globalcontentcloud.com/common/default/idn/idn-live.jpg"
                                            alt="IDN Live"></a></div>
                            </div>
                        </div>
                    </div>
                    <ul class="slick-dots" style="display:block;" data-v-3d1a4f76="">
                        <li class="slick-active"><button>1</button></li>
                        <li class=""><button>2</button></li>
                        <li class=""><button>3</button></li>
                    </ul>
                </div>
                <div class="idn-carousel__special"><img src="{{ $urlweb }}/assets/svg/menu/download.svg"
                        alt="IDN Special"> <span>Spesial</span></div>
            </div>
            @auth
                <div class="home__teaser">
                    <a href="/promotions/all" class="btn btn--flex btn--accent-secondary">
                        <i class="icon-promo icon--lg"></i>&nbsp;Promosi
                    </a>

                    <a href="/history" class="btn btn--flex btn--brand">
                        <i class="icon-history icon--lg"></i>&nbsp;History
                    </a>

                    <a href="/deposit" class="btn btn--flex btn--brand">
                        <i class="icon-deposit icon--lg"></i>&nbsp;Deposit
                    </a>
                </div>
            @else
                {{-- ================= BUTTON ================= --}}
                <div class="home__teaser">
                    <a href="/promotions/all" class="btn btn--flex btn--accent-secondary">
                        <i class="icon-promo icon--lg"></i>&nbsp;Promosi
                    </a>

                    <a href="/register" class="btn btn--flex btn--brand">
                        <i class="icon-register icon--lg"></i>&nbsp;Daftar
                    </a>

                    <button class="app-button btn btn--flex btn--accent">
                        <i class="icon-login icon--lg"></i>
                        <span>Masuk</span>
                    </button>
                </div>
            @endauth
            <nav class="app-breadcrumbs home--full-width app-breadcrumbs--d">
                <ul>
                    <li data-pos="start" class="nav-observer"></li>
                    <li class="nav-item nav-item--home"><a href="/" name="Beranda"
                            class="app-link--active app-link--exact-active">
                            Beranda
                        </a></li>
                    <li class="nav-item"><a href="/exclusive" name="Eksklusif" class="">
                            Eksklusif
                        </a></li>
                    <li class="nav-item"><a href="/sports" name="Sports+" class="">
                            Sports+
                        </a></li>
                    <li class="nav-item"><a href="/slots/category/hot" name="Slots" class="">
                            Slots
                        </a></li>
                    <li class="nav-item"><a href="/casino" name="Casino" class="">
                            Casino
                        </a></li>
                    <li class="nav-item"><a href="/poker" name="Poker" class="">
                            Poker
                        </a></li>
                    <li class="nav-item"><a href="/lotto" name="Lotto" class="">
                            Lotto
                        </a></li>
                    <li class="nav-item"><a href="/arcade/category/hot" name="Arcade" class="">
                            Arcade
                        </a></li>
                    <li class="nav-item"><a href="/fishing" name="Fishing" class="">
                            Fishing
                        </a></li>
                    <li class="nav-item"><a href="/promotions/all" name="Promosi" class="">
                            Promosi
                        </a></li>
                    <li data-pos="end" class="nav-observer"></li>
                </ul>
            </nav>
            @include('desktop.partials.slotcarousel')
            <!--HOT SLOTS --->
            @include('desktop.partials.pages.hotslots')
            <div class="sns-card home--full-width sns-card--d">
                <div></div>
                <button>
                    <picture>
                        <source srcset="https://cdn-proxy.globalcontentcloud.com/common/default/sns/banner-d.webp"
                            media="(min-width: 640px)">
                        <img src="https://cdn-proxy.globalcontentcloud.com/common/default/sns/banner-slim.webp"
                            alt="Stream n'Spin">
                    </picture>
                    <div class="sns-card__ribbon">
                        <div class="pulse">
                            <span class="pulse__wave"></span>
                            <span class="pulse__wave"></span>
                            <span class="pulse__wave"></span>
                        </div>
                        <span>LIVE</span>
                    </div>
                </button>
            </div>
            @include('desktop.partials.pages.toptables')
            <!-----------------------ARCADE PAGES----------------------------------->
            <article class="card card--arcade-carousel card--d card--inline card--light home--full-width">
                <div class="card__title">
                    <a href="/arcade/category/hot" class="">
                        <img alt="Arcade"
                            src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/arcade-muted.120303a.svg"
                            class="brand-icon brand-icon--md">
                        <span>Arcade</span>
                    </a>
                </div>
                <div class="card__body">
                    <div data-v-4f72f8a2="" data-v-7a9f99ad=""
                        class="carousel arcade-carousel carousel--d arcade-carousel--dark arcade-carousel--d">
                        <div data-v-4f72f8a2="" class="carousel__control carousel__prev carousel__control--disabled">
                            <i data-v-0e010622="" data-v-4f72f8a2="" class="icon-arrow-left icon--sm"></i>
                        </div>
                        <div data-v-4f72f8a2="" class="carousel__inner">
                            <div data-v-4f72f8a2="" class="carousel__container transition"
                                style="transform: translateX(0px);">
                                <ul data-v-7a9f99ad="" data-v-4f72f8a2="">
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/category/hot" class="arcade-carousel__item"
                                            data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/hot.svg"
                                                    alt="Hot">
                                            </div>
                                            <span data-v-7a9f99ad="">Hot</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/idnarcade"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/idnarcade.svg"
                                                    alt="IDNArcade">
                                            </div>
                                            <span data-v-7a9f99ad="">IDNArcade</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/pragmaticplay_arcade"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/pragmaticplay_arcade.svg"
                                                    alt="PragmaticPlay">
                                            </div>
                                            <span data-v-7a9f99ad="">PragmaticPlay</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/minigame"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/minigame.svg"
                                                    alt="Minigame">
                                            </div>
                                            <span data-v-7a9f99ad="">Minigame</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/askmeslot_arcade"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/askmeslot_arcade.svg"
                                                    alt="Askmeslot">
                                            </div>
                                            <span data-v-7a9f99ad="">Askmeslot</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/originals"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/originals.svg"
                                                    alt="Kong Original">
                                                <div data-v-7a9f99ad="" class="arcade-carousel__by-idn surface">
                                                    <img data-v-7a9f99ad=""
                                                        src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/idnplay.svg"
                                                        alt="Kong Original">
                                                </div>
                                            </div>
                                            <span data-v-7a9f99ad="">Kong Original</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/microgaming_arcade"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/microgaming_arcade.svg"
                                                    alt="Microgaming">
                                            </div>
                                            <span data-v-7a9f99ad="">Microgaming</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/spadegaming_arcade"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/spadegaming_arcade.svg"
                                                    alt="Spadegaming">
                                            </div>
                                            <span data-v-7a9f99ad="">Spadegaming</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/provider/ky_arcade"
                                            class="arcade-carousel__item" data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/ky_arcade.svg"
                                                    alt="KY">
                                            </div>
                                            <span data-v-7a9f99ad="">KY</span>
                                        </a>
                                    </li>
                                    <li data-v-7a9f99ad="" data-v-4f72f8a2="">
                                        <a data-v-7a9f99ad="" href="/arcade/category/new" class="arcade-carousel__item"
                                            data-v-4f72f8a2="">
                                            <div data-v-7a9f99ad="" class="arcade-carousel__img-container">
                                                <img data-v-7a9f99ad=""
                                                    src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/new.svg"
                                                    alt="New">
                                            </div>
                                            <span data-v-7a9f99ad="">New</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div data-v-4f72f8a2="" class="carousel__control carousel__next">
                            <i data-v-0e010622="" data-v-4f72f8a2="" class="icon-arrow-right icon--sm"></i>
                        </div>
                    </div>
                </div>
                <a href="/arcade/category/hot" class="btn--flex btn--sm card__see-all"> Lihat semua </a>
            </article>
            <section class="arcade-showcase home--full-width">
                <ul class="arcade-showcase__grid">
                    {{-- ================= ITEM 1 ================= --}}
                    <li title="Chicken+" class="game-item__wrapper game--new game-item--normal-view">
                        <a href="{{ $isLogin ? '/arcade' : 'javascript:void(0)' }}"
                            target="{{ $isLogin ? '_blank' : '' }}" class=""
                            @if (!$isLogin) data-modal="loginModal" @endif>
                            <div class="game-item game-item--arcade">
                                <img loading="lazy"
                                    src="https://cdn.globalcontentcloud.com/game-images/pragmaticplay/15515/thumbnail.webp"
                                    alt="Chicken+" class="game-item__img">
                                <div class="game-item__provider">
                                    <div>
                                        <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/pragmaticplay_arcade.svg"
                                            alt="PragmaticPlay">
                                    </div>
                                </div>
                            </div>
                            <span class="game-item__name">Chicken+</span>
                        </a>
                    </li>

                    {{-- ================= ITEM 2 ================= --}}
                    <li title="Double Roulette" class="game-item__wrapper game-item--normal-view">
                        <a href="{{ $isLogin ? '/arcade' : 'javascript:void(0)' }}"
                            target="{{ $isLogin ? '_blank' : '' }}"
                            @if (!$isLogin) data-modal="loginModal" @endif>
                            <div class="game-item game-item--arcade">
                                <img loading="lazy"
                                    src="https://cdn.globalcontentcloud.com/game-images/idnarcade/14443/thumbnail.webp"
                                    alt="Double Roulette" class="game-item__img">
                                <div class="game-item__provider">
                                    <div>
                                        <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/idnarcade.svg"
                                            alt="IDNArcade">
                                    </div>
                                </div>
                            </div>
                            <span class="game-item__name">Double Roulette</span>
                        </a>
                    </li>

                    {{-- ================= ITEM 3 ================= --}}
                    <li title="Limbo+" class="game-item__wrapper game--new game-item--normal-view">
                        <a href="{{ $isLogin ? '/arcade' : 'javascript:void(0)' }}"
                            target="{{ $isLogin ? '_blank' : '' }}"
                            @if (!$isLogin) data-modal="loginModal" @endif>
                            <div class="game-item game-item--arcade">
                                <img loading="lazy"
                                    src="https://cdn.globalcontentcloud.com/game-images/pragmaticplay/14915/thumbnail.webp"
                                    alt="Limbo+" class="game-item__img">
                                <div class="game-item__provider">
                                    <div>
                                        <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/pragmaticplay_arcade.svg"
                                            alt="PragmaticPlay">
                                    </div>
                                </div>
                            </div>
                            <span class="game-item__name">Limbo+</span>
                        </a>
                    </li>

                    {{-- ================= ITEM 4 ================= --}}
                    <li title="Shadow Rush" class="game-item__wrapper game--new game-item--normal-view">
                        <a href="{{ $isLogin ? '/arcade' : 'javascript:void(0)' }}"
                            target="{{ $isLogin ? '_blank' : '' }}"
                            @if (!$isLogin) data-modal="loginModal" @endif>
                            <div class="game-item game-item--arcade">
                                <img loading="lazy"
                                    src="https://cdn.globalcontentcloud.com/game-images/kong-original/15713/thumbnail.webp"
                                    alt="Shadow Rush" class="game-item__img">
                                <div class="game-item__provider">
                                    <div>
                                        <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/originals.svg"
                                            alt="Kong Original">
                                    </div>
                                </div>
                            </div>
                            <span class="game-item__name">Shadow Rush</span>
                        </a>
                    </li>

                    {{-- ================= ITEM 5 ================= --}}
                    <li title="Slot Mania High Flyer" class="game-item__wrapper game--special game-item--normal-view">
                        <a href="{{ $isLogin ? '/arcade' : 'javascript:void(0)' }}"
                            target="{{ $isLogin ? '_blank' : '' }}"
                            @if (!$isLogin) data-modal="loginModal" @endif>
                            <div class="game-item game-item--arcade">
                                <img loading="lazy"
                                    src="https://cdn.globalcontentcloud.com/game-images/slot-mania/12520/thumbnail.webp"
                                    alt="Slot Mania High Flyer" class="game-item__img">
                                <div class="game-item__provider">
                                    <div>
                                        <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/slotmania.svg"
                                            alt="Slot Mania">
                                    </div>
                                </div>
                            </div>
                            <span class="game-item__name">Slot Mania High Flyer</span>
                        </a>
                    </li>
                    {{-- ================= ITEM 6 ================= --}}
                    <li title="Mines+" class="game-item__wrapper game--new game-item--normal-view">
                        <a href="{{ $isLogin ? '/arcade' : 'javascript:void(0)' }}"
                            target="{{ $isLogin ? '_blank' : '' }}"
                            @if (!$isLogin) data-modal="loginModal" @endif>
                            <div class="game-item game-item--arcade">
                                <img loading="lazy"
                                    src="https://cdn.globalcontentcloud.com/game-images/pragmaticplay/14421/thumbnail.webp"
                                    alt="Mines+" class="game-item__img">
                                <div class="game-item__provider">
                                    <div>
                                        <img src="https://cdn-proxy.globalcontentcloud.com/common/dark/arcade/pragmaticplay_arcade.svg"
                                            alt="PragmaticPlay">
                                    </div>
                                </div>
                            </div>
                            <span class="game-item__name">Mines+</span>
                        </a>
                    </li>
                </ul>
            </section>
            <!-----------------------CASINO----------------------------------->
            <article class="card home--columns-2 card--d card--full card--light">
                <header class="card__header">
                    <div class="card__title">
                        <a href="/casino" class="">
                            <img alt="Casino" src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/casino-muted.9646e2b.svg" class="brand-icon brand-icon--md">
                            <span>Casino</span>
                        </a>
                    </div>
                    <a href="/casino" class="btn--sm btn--flex card__see-all"> Lihat semua </a>
                </header>
                <div class="card__body">
                    <div data-v-94ce1620="" class="casino-home">
                        <ul data-v-94ce1620="">
                            <li data-v-2de140c4="" data-v-94ce1620="" data-flag="Spesial" class="casino-game casino-game--new casino-game--special casino-game--d casino-game--dark casino-game--normal-view">
                                <a data-v-2de140c4="" href="/casino">
                                    <div data-v-2de140c4="" class="casino-game__container">
                                        <div data-v-2de140c4="" class="casino-game__count">
                                            <span data-v-2de140c4="">53</span>
                                        </div>
                                        <img data-v-2de140c4="" src="https://cdn.globalcontentcloud.com/game-images/idnlive/14252/thumbnail.webp" alt="IDN Live New Lobby" style="opacity: 1;">
                                        <div data-v-2de140c4="" class="casino-game__placeholder">
                                            <img data-v-2de140c4="" src="https://cdn-proxy.globalcontentcloud.com/456/logo/game-placeholder.png" alt="IDN Live New Lobby">
                                        </div>
                                    </div>
                                    <span data-v-2de140c4="" class="casino-game__provider">IDNLIVE</span>
                                </a>
                            </li>
                            <li data-v-2de140c4="" data-v-94ce1620="" data-flag="" class="casino-game casino-game--d casino-game--dark casino-game--normal-view">
                                <a data-v-2de140c4="" href="/casino">
                                    <div data-v-2de140c4="" class="casino-game__container">
                                        <div data-v-2de140c4="" class="casino-game__count">
                                            <span data-v-2de140c4="">213</span>
                                        </div>
                                        <img data-v-2de140c4="" src="https://cdn.globalcontentcloud.com/game-images/pragmaticplay/947/thumbnail.webp" alt="Live - Lobby" style="opacity: 1;">
                                        <div data-v-2de140c4="" class="casino-game__placeholder">
                                            <img data-v-2de140c4="" src="https://cdn-proxy.globalcontentcloud.com/456/logo/game-placeholder.png" alt="Live - Lobby">
                                        </div>
                                    </div>
                                    <span data-v-2de140c4="" class="casino-game__provider">Pragmatic Play</span>
                                </a>
                            </li>
                            <li data-v-2de140c4="" data-v-94ce1620="" data-flag="Promosi" class="casino-game casino-game--promo casino-game--new casino-game--d casino-game--dark casino-game--normal-view">
                                <a data-v-2de140c4="" href="/casino">
                                    <div data-v-2de140c4="" class="casino-game__container">
                                        <img data-v-2de140c4="" src="https://cdn.globalcontentcloud.com/game-images/pragmaticplay/14772/thumbnail.webp" alt="Live Mania Lobby" style="opacity: 1;">
                                        <div data-v-2de140c4="" class="casino-game__placeholder">
                                            <img data-v-2de140c4="" src="https://cdn-proxy.globalcontentcloud.com/456/logo/game-placeholder.png" alt="Live Mania Lobby">
                                        </div>
                                    </div>
                                    <span data-v-2de140c4="" class="casino-game__provider">Live Mania</span>
                                </a>
                            </li>
                            <li data-v-2de140c4="" data-v-94ce1620="" data-flag="Promosi" class="casino-game casino-game--promo casino-game--d casino-game--dark casino-game--normal-view">
                                <a data-v-2de140c4="" href="/casino">
                                    <div data-v-2de140c4="" class="casino-game__container">
                                        <div data-v-2de140c4="" class="casino-game__count">
                                            <span data-v-2de140c4="">262</span>
                                        </div>
                                        <img data-v-2de140c4="" src="https://cdn.globalcontentcloud.com/game-images/evolution/2306/thumbnail.webp" alt="Live - Lobby" style="opacity: 1;">
                                        <div data-v-2de140c4="" class="casino-game__placeholder">
                                            <img data-v-2de140c4="" src="https://cdn-proxy.globalcontentcloud.com/456/logo/game-placeholder.png" alt="Live - Lobby">
                                        </div>
                                    </div>
                                    <span data-v-2de140c4="" class="casino-game__provider">Evolution</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="card__cta">
                    <a href="/casino" class="btn btn--flex btn--brand"> Main Casino </a>
                </div>
            </article>
            <!-----------------------SPORTS PAGES----------------------------------->
            <article class="card home--columns-1 card--d card--full card--light">
                <header class="card__header">
                    <div class="card__title">
                        <a href="/sports" class="">
                            <img alt="Sports+"
                                src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/sports-muted.aba62f9.svg"
                                class="brand-icon brand-icon--md">
                            <span>Sports+</span>
                        </a>
                    </div>
                    <a href="/sports" class="btn--sm btn--flex card__see-all"> Lihat semua </a>
                </header>
                <div class="card__body">
                    <a href="/sports" class="">
                        <img loading="lazy" src="https://cdn-proxy.globalcontentcloud.com/common/default/sport.png"
                            alt="Sports+" class="card__image">
                    </a>
                </div>
                <div class="card__cta">
                    <a href="/sports" class="btn btn--flex btn--brand"> Main Sports+ </a>
                </div>
            </article>
            @include('desktop.partials.pages.eksklusif')
            @include('desktop.partials.pages.promosi')
            <article class="card home--columns-1 card--d card--full card--light">
                <header class="card__header">
                    <div class="card__title">
                        <a href="/lotto" class="">
                            <img alt="Lotto"
                                src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/lotto-muted.42a4023.svg"
                                class="brand-icon brand-icon--md">
                            <span>Lotto</span>
                        </a>
                    </div>
                    <a href="/lotto" class="btn--sm btn--flex card__see-all"> Lihat semua </a>
                </header>
                <div class="card__body">
                    <a href="/lotto" class="">
                        <img src="https://cdn-proxy.globalcontentcloud.com/common/default/lotto.png" alt="Lotto"
                            loading="lazy" class="card__image">
                    </a>
                </div>
                <div class="card__cta">
                    <a href="/lotto" class="btn btn--flex btn--brand"> Main Lotto </a>
                </div>
            </article>
            <article class="card home--columns-1 card--d card--full card--light">
                <header class="card__header">
                    <div class="card__title">
                        <a href="/poker" class="">
                            <img alt="Poker"
                                src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/poker-muted.a0c9bb9.svg"
                                class="brand-icon brand-icon--md">
                            <span>Poker</span>
                        </a>
                    </div>
                    <a href="/poker" class="btn--sm btn--flex card__see-all"> Lihat semua </a>
                </header>
                <div class="card__body">
                    <a href="/poker" class="">
                        <img src="https://cdn-proxy.globalcontentcloud.com/common/default/poker.png" alt="Poker"
                            loading="lazy" class="card__image">
                    </a>
                </div>
                <div class="card__cta">
                    <a href="/poker" class="btn btn--flex btn--brand"> Main Poker </a>
                </div>
            </article>
            <article class="card home--columns-1 card--d card--full card--light">
                <header class="card__header">
                    <div class="card__title">
                        <a href="/fishing" class="">
                            <img alt="Fishing"
                                src="https://cdn-proxy.globalcontentcloud.com/456/dist/img/fishing-muted.3bbc777.svg"
                                class="brand-icon brand-icon--md">
                            <span>Fishing</span>
                        </a>
                    </div>
                    <a href="/fishing" class="btn--sm btn--flex card__see-all"> Lihat semua </a>
                </header>
                <div class="card__body">
                    <a href="/fishing" class="">
                        <img src="https://cdn-proxy.globalcontentcloud.com/common/default/fishing.png" alt="Fishing"
                            loading="lazy" class="card__image">
                    </a>
                </div>
                <div class="card__cta">
                    <a href="/fishing" class="btn btn--flex btn--brand"> Main Fishing </a>
                </div>
            </article>
        </section>
    </div>
@endsection