@extends('admin.layouts.app')



@section('content')

@include('admin.layouts.alert')



@php

    $activeTab = $activeTab ?? 'auction';

    $auction = $rules['auction'] ?? [];

    $teamComposition = $rules['teamComposition'] ?? [];

    $playerPool = $rules['playerPool'] ?? [];

    $financial = $rules['financial'] ?? [];

    $fairPlay = $rules['fairPlay'] ?? [];

    $advanced = $rules['advanced'] ?? [];

    $rulesValid = $rulesValid ?? true;

    $validationIssues = $validationIssues ?? [];

    $rulesLocked = $rulesLocked ?? false;

    $rulesReadonly = $rulesReadonly ?? false;

@endphp



<div class="league_rules_page users_list">

    <div class="breadcrumb">

        <a href="{{ route('admin.dashboard.index') }}">Dashboard</a>

        <span>›</span>

        <a href="{{ route('admin.leagues.index') }}">My Event Auction</a>

        <span>›</span>

        <a href="{{ route('admin.leagues.upcoming', $league) }}">{{ $league->name }}</a>

        <span>›</span>

        <span class="active">Rules</span>

    </div>



    <div class="rules_page_header">

        <div class="rules_page_header_left">

            <h2>League Rules</h2>

            <p class="rules_page_subtitle">Configure Season 4 auction rules before opening the live auction.</p>

        </div>

        <div class="rules_page_header_right">

            @unless ($rulesReadonly)

            <button type="submit" form="rules-form" class="btn-rules-save">Save Change</button>

            <form method="POST" action="{{ route('admin.leagues.rules.lock', $league) }}" class="rules_lock_form"

                onsubmit="return confirm('Lock rules? You can still edit and re-lock until the auction opens.');">

                @csrf

                <input type="hidden" name="active_tab" value="{{ $activeTab }}">

                <button type="submit" class="btn-rules-lock">Lock Rules</button>

            </form>

            @endunless

            <a href="{{ route('admin.leagues.upcoming', $league) }}" class="btn-rules-back">Back to Event</a>

        </div>

    </div>



    @if (!$rulesValid && count($validationIssues) > 0)

    <div class="rules_validation_banner rules_validation_banner_warn" role="alert">

        <strong>Rule validation issues:</strong>

        <ul class="rules_validation_list">

            @foreach ($validationIssues as $issue)

            <li>{{ $issue }}</li>

            @endforeach

        </ul>

    </div>

    @endif



    @if ($rulesReadonly)

    <div class="rules_validation_banner rules_validation_banner_warn" role="status">

        Rules are locked and cannot be edited while the auction is live.

    </div>

    @elseif ($rulesLocked)

    <div class="rules_validation_banner rules_validation_banner_warn" role="status">

        Rules are locked. You can still edit and re-lock until the auction opens.

    </div>

    @endif



    <form id="rules-form" method="POST" action="{{ route('admin.leagues.rules.update', $league) }}">

        @csrf

        @method('PATCH')

        <input type="hidden" name="active_tab" id="active_tab" value="{{ $activeTab }}">



        <div class="rules_view" id="rules-view" data-base-url="{{ route('admin.leagues.rules', $league) }}">

            <nav class="rules_tabs" aria-label="Rules sections">

                <button type="button" class="rules_tab {{ $activeTab === 'auction' ? 'active' : '' }}" data-tab="auction">Auction Rules</button>

                <button type="button" class="rules_tab {{ $activeTab === 'team' ? 'active' : '' }}" data-tab="team">Team Composition</button>

                <button type="button" class="rules_tab {{ $activeTab === 'playerpool' ? 'active' : '' }}" data-tab="playerpool">Player Pool</button>

                <button type="button" class="rules_tab {{ $activeTab === 'financial' ? 'active' : '' }}" data-tab="financial">Financial Rules</button>

                <button type="button" class="rules_tab {{ $activeTab === 'fairplay' ? 'active' : '' }}" data-tab="fairplay">Fair Play</button>

                <button type="button" class="rules_tab {{ $activeTab === 'advanced' ? 'active' : '' }}" data-tab="advanced">Advanced</button>

            </nav>



            <div class="rules_tab_panels">

                <div class="rules_tab_panel {{ $activeTab === 'auction' ? 'active' : '' }}" data-panel="auction">

                    @include('admin.leagues.rules._tab_auction', ['rulesLocked' => $rulesReadonly])

                </div>

                <div class="rules_tab_panel {{ $activeTab === 'team' ? 'active' : '' }}" data-panel="team">

                    @include('admin.leagues.rules._tab_team_composition', ['rulesLocked' => $rulesReadonly])

                </div>

                <div class="rules_tab_panel {{ $activeTab === 'playerpool' ? 'active' : '' }}" data-panel="playerpool">

                    @include('admin.leagues.rules._tab_player_pool', ['rulesLocked' => $rulesReadonly])

                </div>

                <div class="rules_tab_panel {{ $activeTab === 'financial' ? 'active' : '' }}" data-panel="financial">

                    @include('admin.leagues.rules._tab_financial', ['rulesLocked' => $rulesReadonly])

                </div>

                <div class="rules_tab_panel {{ $activeTab === 'fairplay' ? 'active' : '' }}" data-panel="fairplay">

                    @include('admin.leagues.rules._tab_fair_play', ['rulesLocked' => $rulesReadonly])

                </div>

                <div class="rules_tab_panel {{ $activeTab === 'advanced' ? 'active' : '' }}" data-panel="advanced">

                    @include('admin.leagues.rules._tab_advanced', ['rulesLocked' => $rulesReadonly])

                </div>

            </div>

        </div>

    </form>

</div>



<script src="{{ asset('assets/js/admin/league-rules.js') }}"></script>

@endsection