@extends('gameloby.layouts.main')
@section('content')
<main>
    <div class="container">
        @if(date('H:i') >= $result->tutup && date('H:i') < $result->tutup)
        <div class="other-info">
            <h1>MARKET {{ $result->title }} Sudah Tutup</h1>
            <div><button onclick="location.href='{{ route('games.index') }}';" class="btn-back"><i class="fa fa-circle-left"></i>
                    KEMBALI
                </button></div>
        </div>
        @else
        <div class="global-title global-title-black">
            <div class="icon-market-game" data-bs-toggle="dropdown">
                <img src="{{ $result->logo }}" class="active-img-bounce">
                <h4 class="ml-2">{{ $result->title }}</h4>
            </div>

            <div class="dropdown-menu dropdown-menu-market">
                <div class="market-draw">
                    <div class="market-draw__list">
                        <div class="row justify-content-center">

                            @foreach (togels() as $det)
                            <div class="col-lg-2 col-md-3 col-4 px-2">
                                <div class="market-draw-item">
                                    <img src="{{ $det->logo }}">
                                    <span class="d-block font-weight-bold market-name">{{ $det->title }}</span>
                                    <a href="{{ route('games.play',$det->slug) }}">
                                        <button type="button" class="custom-btn color-secondary custom-sm"><i
                                                class="fa fa-play-circle"></i><span trs="play">Main
                                                Game</span></button>
                                    </a>
                                </div>
                            </div>
                            @endforeach


                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="market-timer">
            <div class="market-timer__counter">
                <div class="counter-result">
                    <div class="row d-flex text-start">
                        <div class="fs-p8r fw-bolder" trs="lastResultLive">Keluaran Terakhir</div>

                        <div class="col-sm order-1">
                            <div class="result-title">1st</div>
                            <h1>{{ $result->keluaran }}</h1>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="market-togel__bet-type">
            <div class="type-header">
                <h6 trs="chooseBet">Pilih Jenis Taruhan</h6>
            </div>
            <div class="type-list">
                <div class="row">
                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.play',$slug) }}">
                            <button class="custom-btn color-secondary"><i
                                    class="fa fa-play-circle"></i><span>4D/3D/2D</span></button>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.2d',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>
                                    2D Depan-Tengah<span></button>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.3d',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>
                                    3D Depan
                                </span></button>
                        </a>
                    </div>



                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.bbfs',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>Bolak
                                    Balik / BBFS</span></button>
                        </a>
                    </div>


                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.k2d',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>Quick
                                    2D</span></button>
                        </a>
                    </div>


                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.ds',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>4D/3D/2D
                                    Set</span></button>
                        </a>
                    </div>



                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.cbs',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>Colok
                                    Bebas</span></button>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.cmc',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>Colok
                                    Macau</span></button>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.cng',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>Colok
                                    Naga</span></button>
                        </a>
                    </div>

                    <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6 col-6">
                        <a href="{{ route('games.cjt',$slug) }}">
                            <button class="custom-btn color-secondary"><i class="fa fa-play-circle"></i><span>Colok
                                    Jitu</span></button>
                        </a>
                    </div>

                </div>
            </div>
        </div>

        <div class="custom-table mt-2">
            <div class="custom-table__header"><span trs="keluaran">Result</span> {{ $result->title }}</div>
            <table id="table_market_result" class="stripe cell-border">
                <thead>
                    <tr>
                        <th trs="date">Time</th>
                        <th trs="periode">Periode</th>
                        <th trs="keluaran">Result</th>
                    </tr>
                </thead>
                <tbody>


                    @foreach ($data as $item)
                    <tr>
                        <td>{{ date('D', strtotime($item->date)) }}, {{ $item->date }}</td>
                        <td>{{ $item->periode }}</td>
                        <td class="fw-bolder d-flex flex-column">
                            <div class="market-result-item order-1">
                                <div class="text-primary">1st</div>
                                <div class="number">{{ $item->result }}</div>
                            </div>

                        </td>
                    </tr>
                    @endforeach

                </tbody>
            </table>
        </div>
        @endif
    </div>
</main>
@endsection