@extends('user.layouts.category_game_layout')

@php
    $cardStyle = $siteConfig['ui']['card_style'] ?? 'default';
    $containerClass = $siteConfig['layout']['container_style'] ?? 'container';
    $heroTitle = 'مرحباً بك';
    $heroSubtitle = 'اختر القسم الذي تريده';
@endphp

@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 ($categories as $category)
                    @include('user.layouts.partials.cards._card-modern', [
                        'item' => $category,
                        'route' => route('category.games', $category),
                        'isActive' => $category->isActive
                    ])
                @endforeach
            </div>
        @else
            {{-- Default Card Style (Syria) --}}
            <div class="row justify-content-center g-1 g-lg-4">
                @foreach ($categories as $category)
                    @include('user.layouts.partials.cards._card-default', [
                        'item' => $category,
                        'route' => route('category.games', $category),
                        'isActive' => $category->isActive
                    ])
                @endforeach
            </div>
        @endif
    </div>
@endsection