@extends('layouts.public')
@section('title', 'Book your move — MuveOne')

@section('content')
<div class="card">
    <h1>Book quote {{ $quote->quote_id }}</h1>
    <p class="muted">{{ $quote->from_address }} &rarr; {{ $quote->to_address }}</p>

    @if (session('booking_error'))
        <div class="alert">{{ session('booking_error') }}</div>
    @endif

    <form method="POST" action="{{ route('order.store', $quote) }}">
        @csrf

        <label for="size">Van size</label>
        <select name="size" id="size" required>
            @foreach ($quote->sizes as $s)
                <option value="{{ $s->size }}" {{ old('size') == $s->size ? 'selected' : '' }}>
                    {{ $s->size }} m³ — £{{ number_format((float) $s->price) }}
                    ({{ in_array($s->size, [5, 10]) ? 'part-load, book 9+ days ahead' : 'full-load, book 7+ days ahead' }})
                </option>
            @endforeach
        </select>
        @error('size')<div class="err">{{ $message }}</div>@enderror

        <fieldset>
            <legend>Collection (part-load: a 3-day window · full-load: one date)</legend>
            <label for="collection_date">Full-load collection date</label>
            <input type="text" id="collection_date" name="collection_date" value="{{ old('collection_date') }}" placeholder="DD/MM/YYYY">
            @error('collection_date')<div class="err">{{ $message }}</div>@enderror

            <div class="row">
                <div><label for="collection_from">Part-load window from</label>
                    <input type="text" id="collection_from" name="collection_from" value="{{ old('collection_from') }}" placeholder="DD/MM/YYYY">
                    @error('collection_from')<div class="err">{{ $message }}</div>@enderror</div>
                <div><label for="collection_to">Part-load window to</label>
                    <input type="text" id="collection_to" name="collection_to" value="{{ old('collection_to') }}" placeholder="DD/MM/YYYY">
                    @error('collection_to')<div class="err">{{ $message }}</div>@enderror</div>
            </div>
        </fieldset>

        <div class="row">
            <div>
                <label for="from_contact_name">Contact at pickup</label>
                <input type="text" id="from_contact_name" name="from_contact_name" value="{{ old('from_contact_name') }}" required>
                @error('from_contact_name')<div class="err">{{ $message }}</div>@enderror
            </div>
            <div>
                <label for="from_contact_phone">Phone at pickup</label>
                <input type="tel" id="from_contact_phone" name="from_contact_phone" value="{{ old('from_contact_phone') }}" required>
                @error('from_contact_phone')<div class="err">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="row">
            <div>
                <label for="to_contact_name">Contact at delivery</label>
                <input type="text" id="to_contact_name" name="to_contact_name" value="{{ old('to_contact_name') }}" required>
                @error('to_contact_name')<div class="err">{{ $message }}</div>@enderror
            </div>
            <div>
                <label for="to_contact_phone">Phone at delivery</label>
                <input type="tel" id="to_contact_phone" name="to_contact_phone" value="{{ old('to_contact_phone') }}" required>
                @error('to_contact_phone')<div class="err">{{ $message }}</div>@enderror
            </div>
        </div>

        <button type="submit">Confirm booking</button>
    </form>
</div>
@endsection