@extends('layouts.app')

@section('content')
    @php
        $map = [
            'hot' => ['icon' => 'icon-hot', 'label' => 'Hot'],
            'exclusive' => ['icon' => 'icon-exclusive', 'label' => 'Exclusive'],
            'new' => ['icon' => 'icon-new', 'label' => 'New'],
        ];

        $type = strtolower($type ?? '');

        if (!empty($type) && isset($map[$type])) {
            $current = $map[$type];
        } elseif (!empty($currentProvider)) {
            $slug = strtolower($currentProvider->provider_slug ?? '');

            $current = [
                'icon' => 'icon-' . preg_replace('/[^a-z0-9]/', '', $slug),
                'label' => ucwords(strtolower($currentProvider->provider_name ?? $slug)),
            ];
        } else {
            $current = [
                'icon' => 'icon-slot',
                'label' => 'Arcade',
            ];
        }
    @endphp

    <div class="container">

        @include('desktop.partials.runningtext')
        @include('desktop.partials.breadcrumb')

        <section class="arcade arcade--d">
            {{-- ================= CAROUSEL ================= --}}
            @include('desktop.partials.pages.carousel-arcade')
            <div class="arcade__container">
                {{-- ================= GAME GRID ================= --}}
                <div class="slot-content">
                    <ul class="games-grid" id="game-container">

                        @foreach ($groupedGames as $providerCode => $list)
                            @foreach ($list as $g)
                                <li title="{{ $g->game_name }}"
                                    class="game-item__wrapper {{ $g->game_flag ?? '' }} game-item--normal-view">

                                    @auth
                                        <a href="{{ route('launchgame', [
                                            'game_code' => $g->game_code,
                                            'game_type' => $g->game_type,
                                            'game_provider' => $g->game_provider,
                                        ]) }}"
                                            target="_blank">
                                        @else
                                            <a href="javascript:void(0)" data-modal="loginModal">
                                            @endauth

                                            <div class="game-item game-item--slot">

                                                {{-- IMAGE --}}
                                                <img loading="lazy" src="{{ $g->game_image }}" alt="{{ $g->game_name }}"
                                                    class="game-item__img">

                                                {{-- PLACEHOLDER --}}
                                                <div class="game-item__placeholder">
                                                    <img
                                                        src="https://cdn-proxy.globalcontentcloud.com/456/logo/game-placeholder.png">
                                                </div>

                                                {{-- PROVIDER ICON --}}
                                                @if (!empty($providerIconMap[strtoupper($g->game_provider)]))
                                                    <div class="game-item__provider">
                                                        <div>
                                                            <img
                                                                src="{{ $providerIconMap[strtoupper($g->game_provider)] }}">
                                                        </div>
                                                    </div>
                                                @endif

                                            </div>

                                            <span class="game-item__name">
                                                {{ $g->game_name }}
                                            </span>

                                        </a>
                                </li>
                            @endforeach
                        @endforeach

                    </ul>
                </div>

            </div>
        </section>
    </div>
@endsection