{{-- Page Header Section --}}
@php
    $headerStyle = $siteConfig['ui']['header_style'] ?? 'default';
@endphp

@if ($headerStyle === 'modern')
    {{-- Modern Style: Simple header + notice below separately --}}
    <div class="page-header">
        <h1>
            <button type="button" class="fav-btn fav-btn--inline" data-fav-id="{{ $game->id }}"
                onclick="Favorites.handleClick(event, {id: {{ $game->id }}, name: '{{ addslashes($game->name) }}', image: '{{ $game->image }}', route: '{{ route('game.show', $game) }}'})"
                title="إضافة للمفضلة">
                @svg('lucide-heart', ['width' => '18', 'height' => '18'])
            </button>
            {{ $game->name }}
        </h1>
    </div>

    @if ($game->description)
        <div class="notice-container notice-info mb-3">
            <p class="notice-text">
                {!! $game->description !!}
            </p>
        </div>
    @endif
@else
    {{-- Default Style: Header with notice inside --}}
    <div class="page-header align-items-start flex-column">
        <h1>
            <button type="button" class="fav-btn fav-btn--inline" data-fav-id="{{ $game->id }}"
                onclick="Favorites.handleClick(event, {id: {{ $game->id }}, name: '{{ addslashes($game->name) }}', image: '{{ $game->image }}', route: '{{ route('game.show', $game) }}'})"
                title="إضافة للمفضلة">
                @svg('lucide-heart', ['width' => '18', 'height' => '18'])
            </button>
            {{ $game->name }}
        </h1>
        @if ($game->description)
            <div class="notice-container m-0 align-self-center">
                <p class="notice-text">
                    {!! $game->description !!}
                </p>
            </div>
        @endif
    </div>
@endif