@extends('layouts.master')
@section('title', config('app.name') . ' : Lottery')
@section('content')
<div class="main-content game">
    @if ($banners->count() > 0)
    <div class="container game__slider">
      <div class="swiper-container game-category-slider swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events">
        <div class="swiper-wrapper" id="swiper-wrapper-ed1d99795732dc99" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-6660px, 0px, 0px);">
            @foreach ($banners as $index => $banner)
          <div class="swiper-slide" data-swiper-slide-index="{{ $index }}"" role="group" aria-label="{{ $index + 1 }} / {{ $banners->count() }}" style="width: 1110px;">
            <img loading="lazy" alt="{{ $banner->title }}" title="" src="{{ asset($banner->image) }}">
          </div>
          @endforeach
        </div>
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
      </div>
    </div>
    @endif
    <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>
        </ul>
      </nav>
    </div>
    <div class="container">
      <div class="game__list">
        <div class="page-header">Lottery</div>
        <div class="game-list-container">
          <div class="game-holder">
            <a onclick="routeNav('/lottery/4d')" href="javascript:;">
              <div class="game-img">
                <img loading="lazy" title="4D" alt="4D" src="https://cdn.mixlink.top/global/game-skin/banner/lottery/tog.webp">
                <div class="hover-play">
                  <h6>4D</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="game__seo">
        <div hidden="" id="title-seo">{{ getSetting('site_name') }}: Lottery</div>
        <div class="seo-content showFooter">
          <h1>Lottery</h1>
          <p>Lottery</p>
        </div>
      </div>
    </div>
  </div>
@endsection