@extends('layouts.app')
@section('content')

<div class="container">
    @include('desktop.partials.runningtext')
    @include('desktop.partials.breadcrumb')
    <section data-v-320331bc="" class="history history--d">
        <header data-v-320331bc="" class="page-header"><i data-v-0e010622="" data-v-320331bc="" class="icon-history icon--2x"></i>
            <h3 data-v-320331bc="">Riwayat Bermain</h3>
        </header>
        <div class="history__content">

            @forelse($histories as $date => $items)

            <ul class="history__group">

                {{-- FORMAT TANGGAL --}}
                <h5>
                    {{ \Carbon\Carbon::parse($date)->translatedFormat('l, d F Y') }}
                </h5>

                @foreach($items as $g)

                <li class="game-item__wrapper game-item--history-view">

                    {{-- LINK LAUNCH --}}
                    @auth
                    <a href="{{ route('launchgame', [
			                            'game_code' => $g->game_code,
			                            'game_type' => $g->game_type,
			                            'game_provider' => $g->game_provider
			                        ]) }}" target="_blank">
                        @else
                        <a href="javascript:void(0)" data-modal="loginModal">
                            @endauth

                            <div class="game-item game-item--slot">
                                <div class="game-item__skeleton"></div>
                                {{-- IMAGE --}}
                                <img loading="lazy" src="{{ $g->game_image ?? '/images/no-image.png' }}" class="game-item__img" style="opacity:1;">

                                {{-- PROVIDER --}}
                                <div class="game-item__provider" style="opacity:1;">
                                    <div>
                                        <img src="{{ $providerIconMap[strtoupper($g->game_provider)] ?? '' }}" alt="{{ $g->game_provider }}">
                                    </div>
                                </div>

                            </div>

                        </a>

                        {{-- DETAIL --}}
                        <div class="game-item__history">
                            <h5>{{ $g->game_name ?? $g->game_code }}</h5>

                            <p>
                                {{ match($g->game_type) {
			                                'SL' => 'Slots',
			                                'LC' => 'Casino',
			                                'SB' => 'Sports',
			                                'FH' => 'Fishing',
			                                'OT' => 'Arcade',
			                                'LK' => 'Lotto',
			                                default => $g->game_type
			                            } }}
                            </p>

                            <p>{{ strtoupper($g->game_provider) }}</p>

                            <p>
                                {{ \Carbon\Carbon::parse($g->created_at)->format('d/m/Y, H:i') }}
                            </p>

                            <a href="{{ route('launchgame', [
			                            'game_code' => $g->game_code,
			                            'game_type' => $g->game_type,
			                            'game_provider' => $g->game_provider
			                        ]) }}" class="btn btn--flex btn--brand">
                                Main Lagi
                            </a>
                        </div>

                </li>

                @endforeach

            </ul>

            @empty
            <div class="alert alert--info">
                <p>Tidak ada riwayat bermain.</p>
            </div>
            @endforelse

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