@extends('user.layouts.category_game_layout')

@php
    $cardStyle = $siteConfig['ui']['card_style'] ?? 'default';
    $containerClass = $siteConfig['layout']['container_style'] ?? 'container';
    $heroTitle = $category->name ?? 'الألعاب';
    $heroSubtitle = 'اختر اللعبة التي تريدها';
@endphp

@if (isset($category->name))
    @section('title')
        {{ $category->name }}
    @endsection
@endif

@section('page_header')
    <h1 class="page-header">
        {{ $category->name }}
    </h1>
@endsection

@section('category_game_content')
    <div class="{{ $containerClass }} visible" id="cat-list-container">
        @if($cardStyle === 'modern')
            {{-- Modern Card Style (Mega/Kaiali) --}}
            <div class="modern-cards-grid justify-content-center">
                @foreach ($games as $game)
                    @include('user.layouts.partials.cards._card-modern', [
                        'item' => $game,
                        'route' => route('game.show', $game->slug),
                        'isActive' => $game->isActive,
                        'showFavorite' => true,
                    ])
                @endforeach
            </div>
        @else
            {{-- Default Card Style (Syria) --}}
            <div class="row justify-content-center g-1 g-lg-4">
                @foreach ($games as $game)
                    @include('user.layouts.partials.cards._card-default', [
                        'item' => $game,
                        'route' => route('game.show', $game->slug),
                        'isActive' => $game->isActive,
                        'showFavorite' => true,
                    ])
                @endforeach
            </div>
        @endif
    </div>
@endsection