@extends('layouts.master')
@section('title', config('app.name') . ' : Casino')
@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="Kasino" url="{{ url('/') }}/kasino">
            <a href="{{ url('/') }}/kasino" class="breadcrumb-link" target="_self">Kasino</a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="container">
      <div class="game__list">
        <div class="page-header">Kasino</div>
        <div class="game-list-container">
          <div class="game-holder">
            @auth
            <a class="main sekarang main-sekarang-alert" name="playGames"
            href="{{ url('/gameIframe?data=' . encrypt_game_params('PR', 'pr0', 0)) }}"
            target="PR">
            @else
            <a href="#" onclick="gameAlert(); return false">
            @endauth
              <div class="game-img">
                <img loading="lazy" title="Pragmatic Play LC" alt="Pragmatic Play LC" src="https://cdn.mixlink.top/global/game-skin/banner/casino/plc.webp">
                <div class="hover-play">
                  <h6>Pragmatic Play LC</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            <a href="javascript:;" onclick="gameAlert()">
              <div class="game-img">
                <img loading="lazy" title="OG Casino" alt="OG Casino" src="https://cdn.mixlink.top/global/game-skin/banner/casino/ogs.webp">
                <div class="hover-play">
                  <h6>OG Casino</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            @auth
            <a class="main sekarang main-sekarang-alert" name="playGames"
            href="{{ url('/gameIframe?data=' . encrypt_game_params('AF', 'afb0', 0)) }}"
            target="AF">
            @else
            <a href="#" onclick="gameAlert(); return false">
            @endauth
              <div class="game-img">
                <img loading="lazy" title="AFB CASINO" alt="AFB CASINO" src="https://cdn.mixlink.top/global/game-skin/banner/casino/afb.webp">
                <div class="hover-play">
                  <h6>AFB CASINO</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            @auth
            <a class="main sekarang main-sekarang-alert" name="playGames"
            href="{{ url('/gameIframe?data=' . encrypt_game_params('MP', 'mp0', 0)) }}"
            target="MP">
            @else
            <a href="#" onclick="gameAlert(); return false">
            @endauth
              <div class="game-img">
                <img loading="lazy" title="WM Casino" alt="WM Casino" src="https://cdn.mixlink.top/global/game-skin/banner/casino/wmc.webp">
                <div class="hover-play">
                  <h6>WM Casino</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            <a href="javascript:;" onclick="gameAlert()">
              <div class="game-img">
                <img loading="lazy" title="GD88" alt="GD88" src="https://cdn.mixlink.top/global/game-skin/banner/casino/gd8.webp">
                <div class="hover-play">
                  <h6>GD88</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            <a href="javascript:;" onclick="gameAlert()">
              <div class="game-img">
                <img loading="lazy" title="SA GAMING" alt="SA GAMING" src="https://cdn.mixlink.top/global/game-skin/banner/casino/sag.webp">
                <div class="hover-play">
                  <h6>SA GAMING</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            @auth
            <a class="main sekarang main-sekarang-alert" name="playGames"
            href="{{ url('/gameIframe?data=' . encrypt_game_params('GE', 'ge0', 0)) }}"
            target="GE">
            @else
            <a href="#" onclick="gameAlert(); return false">
            @endauth
              <div class="game-img">
                <img loading="lazy" title="Evolution" alt="Evolution" src="https://cdn.mixlink.top/global/game-skin/banner/casino/evo.webp">
                <div class="hover-play">
                  <h6>Evolution</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            @auth
            <a class="main sekarang main-sekarang-alert" name="playGames"
            href="{{ url('/gameIframe?data=' . encrypt_game_params('DG', 'dg0', 0)) }}"
            target="DG">
            @else
            <a href="#" onclick="gameAlert(); return false">
            @endauth
              <div class="game-img">
                <img loading="lazy" title="Dream Gaming" alt="Dream Gaming" src="https://cdn.mixlink.top/global/game-skin/banner/casino/drg.webp">
                <div class="hover-play">
                  <h6>Dream Gaming</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            @auth
            <a class="main sekarang main-sekarang-alert" name="playGames"
            href="{{ url('/gameIframe?data=' . encrypt_game_params('AG', 'ag0', 0)) }}"
            target="AG">
            @else
            <a href="#" onclick="gameAlert(); return false">
            @endauth
              <div class="game-img">
                <img loading="lazy" title="Asia Gaming" alt="Asia Gaming" src="https://cdn.mixlink.top/global/game-skin/banner/casino/agc.webp">
                <div class="hover-play">
                  <h6>Asia Gaming</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            @auth
            <a class="main sekarang main-sekarang-alert" name="playGames"
            href="{{ url('/gameIframe?data=' . encrypt_game_params('AK', 'ak0', 0)) }}"
            target="AK">
            @else
            <a href="#" onclick="gameAlert(); return false">
            @endauth
              <div class="game-img">
                <img loading="lazy" title="WE CASINO" alt="WE CASINO" src="https://cdn.mixlink.top/global/game-skin/banner/casino/wec.webp">
                <div class="hover-play">
                  <h6>WE CASINO</h6>
                  <i class="fi fi-sr-play"></i>
                </div>
              </div>
            </a>
          </div>
          <div class="game-holder">
            <a href="javascript:;" onclick="gameAlert();">
              <div class="game-img">
                <img loading="lazy" title="PLAYTECH CASINO" alt="PLAYTECH CASINO" src="https://cdn.mixlink.top/global/game-skin/banner/casino/pca.webp">
                <div class="hover-play coming-soon">
                  <h6>Segera Rilis</h6>
                  <i class="fas fa-fire-alt"></i>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="game__seo">
        <div hidden="" id="title-seo">{{ getSetting('site_name') }}: Casino</div>
        <div class="seo-content showFooter">
          <h1>Casino</h1>
          <p>Casino</p>
        </div>
      </div>
    </div>
  </div>
@endsection