<?php
/**
 * Inline country → league → fixture picker (one per match leg).
 */
?>
<link rel="stylesheet" href="<?= base_url('assets/css/football-picker.css') ?>">
<div class="fp-match-picker border rounded p-3 mb-3 bg-light" data-fp-picker>
    <label class="form-label small text-muted mb-2">
        <i class="bi bi-calendar-event"></i> Pick fixture (from daily cache) — type to search
    </label>
    <div class="row g-2 align-items-end">
        <div class="col-md-4">
            <label class="form-label small mb-1">Country</label>
            <div class="fp-search-wrap" data-fp-role="country">
                <input type="text" class="form-control form-control-sm fp-search-input" placeholder="Search country…" autocomplete="off" spellcheck="false">
                <i class="bi bi-search fp-search-icon"></i>
                <ul class="fp-search-menu list-group"></ul>
            </div>
        </div>
        <div class="col-md-4">
            <label class="form-label small mb-1">League</label>
            <div class="fp-search-wrap is-disabled" data-fp-role="league">
                <input type="text" class="form-control form-control-sm fp-search-input" placeholder="Select country first" autocomplete="off" spellcheck="false" disabled>
                <i class="bi bi-search fp-search-icon"></i>
                <ul class="fp-search-menu list-group"></ul>
            </div>
        </div>
        <div class="col-md-4">
            <label class="form-label small mb-1">Fixture</label>
            <div class="fp-search-wrap is-disabled" data-fp-role="fixture">
                <input type="text" class="form-control form-control-sm fp-search-input" placeholder="Select league first" autocomplete="off" spellcheck="false" disabled>
                <i class="bi bi-search fp-search-icon"></i>
                <ul class="fp-search-menu list-group"></ul>
            </div>
        </div>
    </div>
    <div class="fp-picker-hint small text-muted mt-2 d-none"></div>
</div>
