@extends('admin.layouts.app')

@section('styles')
@endsection

@section('content')
@include('admin.layouts.alert')

<div class="auction_demo_hub 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>
        <span class="active">{{ $league->name }} — Demo Toolkit</span>
    </div>

    <div class="auction_demo_hub_header">
        <h2>{{ $league->name }}</h2>
        <p class="auction_demo_hub_subtitle">Local testing tools for demo auctions. Not part of the production live control UI.</p>
    </div>

    <div class="auction_demo_hub_links">
        @if ($league->isLive())
        <a href="{{ route('admin.leagues.live', $league) }}" class="auction_demo_hub_card">
            <h3>Live Control</h3>
            <p>Run the auction — same UI as production.</p>
        </a>
        <a href="{{ route('admin.leagues.demo-bids', $league) }}" class="auction_demo_hub_card">
            <h3>Demo Bid Simulator</h3>
            <p>Place team bids without the mobile app.</p>
        </a>
        @else
        <a href="{{ route('admin.leagues.upcoming', $league) }}" class="auction_demo_hub_card">
            <h3>Upcoming Auction Details</h3>
            <p>Open the auction from here, then return for demo tools.</p>
        </a>
        @endif
    </div>

    <div class="auction_demo_hub_instructions">
        <h4>After seeding</h4>
        <ol>
            <li><code>cd icl-node &amp;&amp; npm run bootstrap:demo -- {{ $league->id }}</code></li>
            <li><code>cd icl-node &amp;&amp; npm run audit:demo -- {{ $league->id }}</code></li>
            <li>Login as admin, open this league, and use <strong>Open Auction</strong> if not live yet.</li>
            <li>Use <strong>Live Control</strong> for auction flow; open <strong>Demo Bid Simulator</strong> in a separate tab to place bids.</li>
        </ol>
    </div>
</div>
@endsection