@extends('layouts.app')
@section('title', 'New deal')
@section('heading', 'New deal')

@section('content')
<form method="POST" action="{{ route('deals.store') }}" class="max-w-2xl space-y-4 rounded-lg border border-line bg-panel p-5">
    @csrf
    <input type="hidden" name="lead_id" value="{{ $lead?->id }}">
    <div><label for="customer_id" class="mb-1 block text-sm font-medium">Customer</label>
        <select id="customer_id" name="customer_id" required class="field"><option value="">Select customer</option>
            @foreach ($customers as $c)<option value="{{ $c->id }}" @selected(old('customer_id', $customerId) == $c->id)>{{ $c->name }} · {{ \App\Support\Phone::display($c->phone) }}</option>@endforeach</select>
        <p class="mt-1 text-xs text-muted">Not listed? <a class="underline" href="{{ route('customers.create') }}">Add the customer</a> first.</p></div>
    <div><label for="vehicle_id" class="mb-1 block text-sm font-medium">Vehicle</label>
        <select id="vehicle_id" name="vehicle_id" required class="field"><option value="">Select vehicle</option>
            @foreach ($vehicles as $v)<option value="{{ $v->id }}" @selected(old('vehicle_id', $vehicleId) == $v->id)>{{ $v->stock_id }} · {{ $v->display_name }} · KSh {{ number_format((float) $v->selling_price) }}{{ $v->status->value === 'reserved' ? ' (reserved for '.$v->reserved_for.')' : '' }}</option>@endforeach</select>
        <p class="mt-1 text-xs text-muted">Only vehicles in stock with a selling price are listed.</p></div>
    <div class="flex gap-2"><button class="btn-primary">Start deal</button><a href="{{ route('deals.index') }}" class="btn-quiet">Cancel</a></div>
</form>
@endsection