@extends('layouts.app')
@section('title', 'Track Your Booking')
@section('content')
@include('partials.public-header')

<section class="section">
    <div class="container-sm">
        <span class="eyebrow">Track booking</span>
        <h1 style="margin-top: 14px;">Where's my partner?</h1>
        <p class="muted" style="margin-top: 8px;">Enter your booking code and phone number to see real-time status.</p>

        @if($errors->any())
            <div class="alert alert-error">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('track.attempt') }}" class="card card-body mt-3">
            @csrf
            <div class="field">
                <label>Booking code</label>
                <input class="auth-input" name="booking_code" placeholder="e.g. BFK-AB12CD" required>
            </div>
            <div class="field">
                <label>Phone number used during booking</label>
                <input class="auth-input" name="phone" placeholder="10-digit phone" required>
            </div>
            <button class="btn btn-primary btn-block btn-lg" type="submit">Track →</button>
        </form>
    </div>
</section>

@include('partials.public-footer')
@endsection
