@extends('layouts.app')
@section('titre', 'Identification opérateur')
@section('contenu')
    <h1>Qui êtes-vous ?</h1>
    <p class="muted">Sélectionnez votre nom puis saisissez votre code PIN — aucun clavier complet nécessaire (SAI-07).</p>

    <form method="POST" action="{{ route('terrain.identifier') }}" class="card">
        @csrf
        <input type="hidden" name="retour" value="{{ $retour }}">

        <div class="liste-operateurs">
            @foreach($operateurs as $o)
                <label>
                    <input type="radio" name="operateur_id" value="{{ $o->id }}" required>
                    <span>{{ $o->nomComplet() }}<br>
                        <small class="muted">{{ \App\Models\User::FONCTIONS[$o->fonction] ?? $o->fonction }}
                            @if($o->equipe) — {{ $o->equipe->libelle }}@endif</small></span>
                </label>
            @endforeach
        </div>

        <div class="grid pin-pave">
            <div>
                <label for="pin">Code PIN</label>
                <input type="password" id="pin" name="pin" inputmode="numeric" pattern="[0-9]*"
                       minlength="4" maxlength="8" autocomplete="off" required>
            </div>
        </div>

        <div class="form-footer">
            <button type="submit" class="btn-xl">Valider</button>
            <a href="{{ route('terrain.choix') }}" class="btn-xl secondaire">Annuler</a>
        </div>
    </form>
@endsection