@extends('layouts.app')
@section('title', 'Yard lookup')
@section('heading', 'Yard lookup')
@section('content')
<form method="GET" action="{{ route('yard.lookup') }}" class="max-w-xl rounded-lg border border-line bg-panel p-5">
    <label for="code" class="block text-base font-semibold">Scan or type a stock ID, VIN or plate</label>
    <p class="mt-1 text-sm text-muted">A barcode scanner types the code for you and presses Enter. To use a phone, point its camera at the QR code on the windscreen label.</p>
    <input id="code" name="code" value="{{ old('code') }}" autofocus autocomplete="off" inputmode="text" class="field mt-3 text-lg uppercase" aria-describedby="code-error">
    @error('code')<p id="code-error" class="mt-2 text-sm text-stop" role="alert">{{ $message }}</p>@enderror
    <button class="btn-primary mt-4">Find vehicle</button>
</form>
@endsection