@extends('layouts.app')
@section('content')
    <div class="container">
        @include('desktop.partials.runningtext')
        @include('desktop.partials.breadcrumb')
	<section data-v-e9fa5246="" class="lotto lotto--d">
<div data-v-1f2cc254="" data-v-e9fa5246="" class="lotto-content">
    <ul data-v-1f2cc254="" class="lotto-grid">
        @foreach($lottoList as $item)
            @php
                $logoMap = [
                    'TOTOMACAU00' => 'https://cdn.globalcontentcloud.com/game-images/totomacau-pools/9500/game_logo.webp',
                    'KINGKONG17'  => 'https://cdn.globalcontentcloud.com/game-images/kingkong-pools/6947/game_logo.webp',
                ];

                $logoLotto = $logoMap[$item['shortname']] ?? 'https://via.placeholder.com/150';
                $slug = strtolower($item['shortname']);
            @endphp

            <li data-v-775803d8="" data-v-1f2cc254="" class="lotto-widget lotto-widget--d">
                <div data-v-775803d8="" class="lotto-widget__container">
                    <button data-v-775803d8="" class="lotto-widget__img">
                        <img data-v-775803d8="" src="{{ $logoLotto }}" alt="{{ $item['name'] }}">
                    </button>
                    <div data-v-775803d8="" class="lotto-widget__spacer"></div>
                    <div data-v-775803d8="" class="lotto-widget__title">
                        <span data-v-775803d8="">Live Results</span>
                        <span data-v-775803d8=""> Result: {{ $item['name'] }} </span>
                        <h2 data-v-775803d8="">{{ $item['name'] }}</h2>
                    </div>
                    <div data-v-775803d8="" class="lotto-widget__result">
                        <ul data-v-775803d8="">
                            @forelse($item['result'] as $num)
                                <li data-v-775803d8="">
                                    <div data-v-775803d8="">
                                        <span data-v-775803d8="">{{ $num }}</span>
                                    </div>
                                </li>
                            @empty
                                <li data-v-775803d8="">
                                    <div data-v-775803d8="">
                                        <span data-v-775803d8=""></span>
                                    </div>
                                </li>
                            @endforelse
                        </ul>
                    </div>
                    <div data-v-775803d8="" class="lotto-widget__links">
                        <a data-v-775803d8="" href="/lotto/results/{{ $slug }}" class="">
                            <i data-v-0e010622="" data-v-775803d8="" class="icon-history-alt icon--lg"></i>
                            <span data-v-775803d8="">Results {{ strtoupper($item['name']) }}</span>
                            <i data-v-0e010622="" data-v-775803d8="" class="icon-arrow-right icon--xs"></i>
                        </a>
                        <button data-v-775803d8="">
                            <i data-v-0e010622="" data-v-775803d8="" class="icon-play-circle icon--lg"></i>
                            <span data-v-775803d8="">Main Sekarang</span>
                            <i data-v-0e010622="" data-v-775803d8="" class="icon-arrow-right icon--xs"></i>
                        </button>
                    </div>
                    <div data-v-775803d8="" class="lotto-widget__countdown"> {{ $item['countdown'] }} </div>
                </div>
            </li>
        @endforeach
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/4d-jakarta/9470/thumbnail.webp" alt="4D JAKARTA">
                    <span data-v-1f2cc254="">Lotto - 4D JAKARTA</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">4D JAKARTA</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/singapore/5378/thumbnail.webp" alt="Singapore Pools">
                    <span data-v-1f2cc254="">Lotto - Singapore Pools</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Singapore Pools</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/hongkong/5379/thumbnail.webp" alt="Hongkong Lotto">
                    <span data-v-1f2cc254="">Lotto - Hongkong Lotto</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Hongkong Lotto</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/sydney/5380/thumbnail.webp" alt="Sydney Lotto">
                    <span data-v-1f2cc254="">Lotto - Sydney Lotto</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Sydney Lotto</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/e-lottery/9486/thumbnail.webp" alt="Eagle Lottery">
                    <span data-v-1f2cc254="">E-Lotteries - Eagle Lottery</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Eagle Lottery</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/e-lottery/9483/thumbnail.webp" alt="Temple Palace">
                    <span data-v-1f2cc254="">E-Lotteries - Temple Palace</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Temple Palace</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/e-lottery/9490/thumbnail.webp" alt="Hawaii Bingo">
                    <span data-v-1f2cc254="">E-Lotteries - Hawaii Bingo</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Hawaii Bingo</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/e-lottery/9484/thumbnail.webp" alt="Crazy Lotto">
                    <span data-v-1f2cc254="">E-Lotteries - Crazy Lotto</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Crazy Lotto</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://object-d001-cloud.cloudstoragesharingservice.com/banner/image/games/slots/idnlottery/Winzo20.jpg" alt="Winzo Wheels 20">
                    <span data-v-1f2cc254="">E-Lotteries - Winzo Wheels 20</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Winzo Wheels 20</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://object-d001-cloud.cloudstoragesharingservice.com/banner/image/assetgames/slots/idnlottery/sicbo6.webp" alt="SICBO 06">
                    <span data-v-1f2cc254="">E-Lotteries - SICBO 06</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">SICBO 06</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/e-lottery/9488/thumbnail.webp" alt="Universe 6D">
                    <span data-v-1f2cc254="">E-Lotteries - Universe 6D</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">Universe 6D</span>
                </button>
            </li>
            <li data-v-1f2cc254="" class="">
                <button data-v-1f2cc254="">
                    <img data-v-1f2cc254="" src="https://cdn.globalcontentcloud.com/game-images/e-lottery/9485/thumbnail.webp" alt="DRAGON 5D">
                    <span data-v-1f2cc254="">E-Lotteries - DRAGON 5D</span>

                </button>
                <button data-v-1f2cc254="" class="btn btn--flex btn--brand">
                    <span data-v-1f2cc254="">DRAGON 5D</span>
                </button>
            </li>

        </ul>
    </div>
</section>
@endsection