@extends('layouts.app')
@section('content')
    <div class="container">
		     <section class="history">
		    <header class="page-header">
		        <i class="icon-history icon--lg"></i>
		        <h3>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