@extends('layouts.app')
@section('content')
<div class="container">
        @include('desktop.partials.runningtext')
        @include('desktop.partials.breadcrumb')
        <section class="exclusive exclusive--d">
            <header class="page-header">
                <i class="icon-exclusive icon--lg"></i>
                <h3>Eksklusif</h3>
            </header>
            <ul>
            @php
				    $isLoggedIn = !auth()->check();
				    $exclusiveMenus = [
				        ['title' => 'IDNPOKER', 'img' => 'idnpoker.webp', 'url' => '/poker'],
				        ['title' => 'IDNSLOT', 'img' => 'idnslot.webp', 'url' => '/slots'],
				        ['title' => 'Slot Mania', 'img' => 'slotmania.webp', 'url' => '/slots'],
				        ['title' => 'IDNLIVE', 'img' => 'idnlive.webp', 'url' => '/idnlive'],
				        ['title' => 'Live Mania', 'img' => 'livemania.webp', 'url' => '/livemania'],
				        ['title' => 'IDN Arcade', 'img' => 'idnarcade.webp', 'url' => '/arcade/provider/idnarcade'],
				        ['title' => "Stream n'Spin", 'img' => 'sns.webp', 'url' => '/sns'],
				        ['title' => 'Sport GG', 'img' => 'sportgg.webp', 'url' => '/sportgg'],
				        ['title' => 'PP 98% RTP', 'img' => 'pp98.webp', 'url' => '/slots'],
				        ['title' => 'Spin Royal', 'img' => 'spinroyal.webp', 'url' => '/slots'],
				        ['title' => 'LeVel UP', 'img' => 'levelup.webp', 'url' => '/slots'],
				        ['title' => 'Kong Original', 'img' => 'kong.webp', 'url' => '/arcade'],
				    ];
				@endphp
                @foreach ($exclusiveMenus as $menu)
                    <li>
                        <a href="{{ $isLoggedIn ? 'javascript:void(0)' : $menu['url'] }}" @if($isLoggedIn) data-modal="loginModal" @endif>
                            <img src="https://cdn-proxy.globalcontentcloud.com/common/default/exclusive/{{ $menu['img'] }}" alt="{{ $menu['title'] }}"
                                loading="lazy">
                            <div class="surface">
                                <i class="icon-exclusive icon--md"></i>
                            </div>
                        </a>
                    </li>
                @endforeach
            </ul>
        </section>
@endsection