@extends('layouts.public')
@section('title', 'Get a quote — MuveOne')

@section('content')
<div class="card">
    <h1>Get an instant removal quote</h1>

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

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

        <div class="row">
            <div>
                <label for="from">Moving from (City, Country)</label>
                <input type="text" id="from" name="from" value="{{ old('from') }}" placeholder="London, United Kingdom" required>
                @error('from')<div class="err">{{ $message }}</div>@enderror
            </div>
            <div>
                <label for="to">Moving to (City, Country)</label>
                <input type="text" id="to" name="to" value="{{ old('to') }}" placeholder="Paris, France" required>
                @error('to')<div class="err">{{ $message }}</div>@enderror
            </div>
        </div>

        <div class="row">
            <div>
                <label for="contact_name">Your name</label>
                <input type="text" id="contact_name" name="contact_name" value="{{ old('contact_name') }}" required>
                @error('contact_name')<div class="err">{{ $message }}</div>@enderror
            </div>
            <div>
                <label for="contact_email">Email</label>
                <input type="email" id="contact_email" name="contact_email" value="{{ old('contact_email') }}" required>
                @error('contact_email')<div class="err">{{ $message }}</div>@enderror
            </div>
        </div>

        <label for="contact_phone">Phone (optional)</label>
        <input type="tel" id="contact_phone" name="contact_phone" value="{{ old('contact_phone') }}">

        <fieldset>
            <legend>When are you moving?</legend>
            <label><input type="radio" name="date_basis" value="single" {{ old('date_basis', 'single') === 'single' ? 'checked' : '' }}> A specific date</label>
            <input type="text" name="moving_date" value="{{ old('moving_date') }}" placeholder="DD/MM/YYYY">
            @error('moving_date')<div class="err">{{ $message }}</div>@enderror

            <label style="margin-top:14px;"><input type="radio" name="date_basis" value="window" {{ old('date_basis') === 'window' ? 'checked' : '' }}> A collection window (up to 3 days)</label>
            <div class="row">
                <div><input type="text" name="collection_window[from]" value="{{ old('collection_window.from') }}" placeholder="From DD/MM/YYYY">
                    @error('collection_window.from')<div class="err">{{ $message }}</div>@enderror</div>
                <div><input type="text" name="collection_window[to]" value="{{ old('collection_window.to') }}" placeholder="To DD/MM/YYYY">
                    @error('collection_window.to')<div class="err">{{ $message }}</div>@enderror</div>
            </div>
        </fieldset>

        <button type="submit">Get my prices</button>
    </form>
</div>
@endsection