@php
    $teamComposition = $teamComposition ?? [];
    $readonly = $rulesLocked ?? false;
    $grid = $teamComposition['categoryGenderMax'] ?? config('league_rules_defaults.teamComposition.categoryGenderMax');
    $missingCategoryIds = collect($grid)->contains(fn ($row) => empty($row['categoryId']));
@endphp

@if ($missingCategoryIds && ! $readonly)
<div class="rules_validation_banner rules_validation_banner_warn" role="alert">
    Category IDs are missing. Seed league player categories before saving composition rules.
</div>
@endif

<div class="rules_card">
    @include('admin.leagues.rules._rules_card_header', ['title' => 'Squad Requirements'])

    <div class="rules_fields_row">
        @include('admin.leagues.rules._rules_field', [
            'name' => 'teamComposition[squadSize]',
            'id' => 'squadSize',
            'label' => 'Total Squad Size',
            'value' => (int) ($teamComposition['squadSize'] ?? 10),
            'helper' => 'Min Via Auction',
            'readonly' => $readonly,
        ])
        @include('admin.leagues.rules._rules_field', [
            'name' => 'teamComposition[malePlayers]',
            'id' => 'malePlayers',
            'label' => 'Male Players',
            'value' => (int) ($teamComposition['malePlayers'] ?? 6),
            'helper' => 'Must be exactly 6',
            'readonly' => $readonly,
        ])
        @include('admin.leagues.rules._rules_field', [
            'name' => 'teamComposition[femalePlayers]',
            'id' => 'femalePlayers',
            'label' => 'Female Players',
            'value' => (int) ($teamComposition['femalePlayers'] ?? 4),
            'helper' => 'Must be exactly 4',
            'readonly' => $readonly,
        ])
        @include('admin.leagues.rules._rules_field', [
            'name' => 'teamComposition[minViaAuction]',
            'id' => 'minViaAuction',
            'label' => 'Min Via Auction',
            'value' => (int) ($teamComposition['minViaAuction'] ?? 6),
            'helper' => 'Must be at least 6',
            'readonly' => $readonly,
        ])
    </div>
</div>

<div class="rules_card">
    @include('admin.leagues.rules._rules_card_header', [
        'title' => 'Category × Gender Maximum Grid',
    ])

    <div class="rules_data_table rules_data_table_3col">
        <div class="rules_data_table_head">
            <span class="rules_data_table_th">Category</span>
            <span class="rules_data_table_th">Male Max</span>
            <span class="rules_data_table_th">Female Max</span>
        </div>
        <div class="rules_data_table_body">
            @foreach ($grid as $index => $row)
            @php
                $categoryId = $row['categoryId'] ?? null;
                $categoryLabel = ($row['name'] ?? 'Category') . ($categoryId ? ' (#' . $categoryId . ')' : '');
            @endphp
            <div class="rules_data_table_row">
                <span class="rules_category_name">{{ $categoryLabel }}</span>
                @if ($categoryId)
                <input type="hidden" name="teamComposition[categoryGenderMax][{{ $index }}][categoryId]" value="{{ $categoryId }}">
                @endif
                <div class="rules_data_table_cell">
                    <input type="number" class="rules_input rules_input_pill rules_input_table"
                        name="teamComposition[categoryGenderMax][{{ $index }}][maleMax]"
                        value="{{ (int) ($row['maleMax'] ?? 0) }}" {{ $readonly ? 'readonly' : '' }}
                        aria-label="Male max for {{ $categoryLabel }}">
                </div>
                <div class="rules_data_table_cell">
                    <input type="number" class="rules_input rules_input_pill rules_input_table"
                        name="teamComposition[categoryGenderMax][{{ $index }}][femaleMax]"
                        value="{{ (int) ($row['femaleMax'] ?? 0) }}" {{ $readonly ? 'readonly' : '' }}
                        aria-label="Female max for {{ $categoryLabel }}">
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>