@extends('layouts.master')
@section('title', config('app.name') . ' : Result Lottrey')
@section('content')
<div class="main-content lottery">
    <div class="container">
      <nav class="breadcrumb-container">
        <ul class="breadcrumb-list">
          <li class="breadcrumb-item" text="{{ getSetting('site_name') }}">
            <a href="{{ url('/') }}" class="breadcrumb-link" target="_self">{{ getSetting('site_name') }}</a>
          </li>
          <li class="breadcrumb-item" text="Lottery" url="{{ url('/') }}/lottery">
            <a href="{{ url('/') }}/lottery" class="breadcrumb-link" target="_self">Lottery</a>
          </li>
          <li class="breadcrumb-item" text="4d" url="{{ url('/') }}/4d">
            <a href="{{ url('/') }}/4d" class="breadcrumb-link" target="_self">4d</a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="container">
      <div class="lottery__container">
        <div class="page-header">Informasi Pasaran Hari Ini</div>
        <div class="lottery-grid">
            @foreach ($lotteryResults as $result)
            <div class="lotto-border" style="cursor: pointer;" data-toggle="tooltip" data-placement="bottom" title="Main Sekarang">
              <div class="lotto-item">
                @auth
                <a href="javascript:;">
                @else
                <a class="main sekarang main-sekarang-alert" href="javascript:;" onclick="gameAlert();">
                @endauth
                  <div class="lotto-flag">
                    <!-- Menampilkan bendera berdasarkan kode negara -->
                    <img loading="lazy" src="https://flagcdn.com/w320/{{ strtolower($countryCodes[$result['game_name']] ?? 'default') }}.png" alt="{{ $result['game_name'] }} Flag">
                  </div>
                  <div class="lotto-country">{{ $result['game_name'] }}</div>
                  <h6 class="lotto-date">{{ \Carbon\Carbon::parse($result['date'])->translatedFormat('l, Y-m-d') }}</h6>
                  <div class="lotto-number">{{ $result['number1'] }}</div>
                </a>
              </div>
            </div>
          @endforeach
        </div>
      </div>
      <div class="game mt-5">
        <div class="game__seo">
          <div hidden="" id="title-seo">{{ getSetting('site_name') }}: 4D</div>
          <div class="seo-content showFooter">
            <h1>{{ getSetting('site_name') }}: 4D</h1>
            <p>4D</p>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection