@extends('layouts.master')
@section('title', config('app.name') . ' : Poker')
@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="Poker" url="{{ url('/') }}/poker">
            <a href="{{ url('/') }}/poker" class="breadcrumb-link" target="_self">Poker</a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="container">
      <div class="game__list">
        <div class="page-header">Poker</div>
        <div class="game-list-container">
          <div class="game-holder">
            <a href="javascript:;" onclick="gameAlert()">
              <div class="game-img">
                <img loading="lazy" title="We1Poker" alt="We1Poker" src="https://cdn.mixlink.top/global/game-skin/banner/poker/we1.webp">
                @auth
                <div class="hover-play coming-soon">
                    <h6>Segera Rilis</h6>
                    <i class="fas fa-fire-alt"></i>
                  </div>
                @else
                <div class="hover-play">
                  <h6>We1Poker</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
                @endauth
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="game__seo">
        <div hidden="" id="title-seo">{{ getSetting('site_name') }}: Poker</div>
        <div class="seo-content showFooter">
          <h1>Poker</h1>
          <p>Poker</p>
        </div>
      </div>
    </div>
  </div>
@endsection