@extends('layouts.app')
@section('title', 'Add lead')
@section('heading', 'Add lead')

@section('content')
<form method="POST" action="{{ route('leads.store') }}" class="max-w-4xl space-y-6 rounded-lg border border-line bg-panel p-5">
    @csrf
    <fieldset class="grid gap-4 sm:grid-cols-3">
        <legend class="mb-2 text-base font-semibold">Who is it?</legend>
        <div><label for="name" class="mb-1 block text-sm font-medium">Name</label><input id="name" name="name" value="{{ old('name', $customer?->name) }}" required class="field"></div>
        <div><label for="phone" class="mb-1 block text-sm font-medium">Phone / WhatsApp</label><input id="phone" name="phone" value="{{ old('phone', $customer?->display_phone) }}" required inputmode="tel" placeholder="0712 345 678" class="field"></div>
        <div><label for="email" class="mb-1 block text-sm font-medium">Email</label><input id="email" name="email" type="email" value="{{ old('email', $customer?->email) }}" class="field"></div>
        <p class="text-xs text-muted sm:col-span-3">If this phone number already belongs to a customer, their record is reused and no duplicate is created.</p>
    </fieldset>

    <fieldset class="grid gap-4 sm:grid-cols-3">
        <legend class="mb-2 text-base font-semibold">How did they reach us?</legend>
        <div><label for="source" class="mb-1 block text-sm font-medium">Channel</label>
            <select id="source" name="source" class="field">@foreach (config('crm.sources') as $k => $l)<option value="{{ $k }}" @selected(old('source', $lead->source) === $k)>{{ $l }}</option>@endforeach</select></div>
        <div class="sm:col-span-2"><label for="source_detail" class="mb-1 block text-sm font-medium">Detail (campaign, referrer, page)</label><input id="source_detail" name="source_detail" value="{{ old('source_detail') }}" class="field"></div>
    </fieldset>

    <fieldset class="grid gap-4 sm:grid-cols-3">
        <legend class="mb-2 text-base font-semibold">What do they want?</legend>
        <div class="sm:col-span-2"><label for="interest_vehicle_id" class="mb-1 block text-sm font-medium">Vehicle in stock they asked about</label>
            <select id="interest_vehicle_id" name="interest_vehicle_id" class="field"><option value="">None yet</option>
                @foreach ($vehicles as $v)<option value="{{ $v->id }}" @selected(old('interest_vehicle_id') == $v->id)>{{ $v->stock_id }} · {{ $v->display_name }}</option>@endforeach</select></div>
        <div><label for="priority" class="mb-1 block text-sm font-medium">Priority</label>
            <select id="priority" name="priority" class="field">@foreach (config('crm.priorities') as $k => $l)<option value="{{ $k }}" @selected(old('priority', 'warm') === $k)>{{ $l }}</option>@endforeach</select></div>
        <div><label for="budget_min" class="mb-1 block text-sm font-medium">Budget from (KES)</label><input id="budget_min" name="budget_min" type="number" min="0" value="{{ old('budget_min') }}" class="field"></div>
        <div><label for="budget_max" class="mb-1 block text-sm font-medium">Budget up to (KES)</label><input id="budget_max" name="budget_max" type="number" min="0" value="{{ old('budget_max') }}" class="field"></div>
        <div><label for="payment_intent" class="mb-1 block text-sm font-medium">Paying by</label>
            <select id="payment_intent" name="payment_intent" class="field">@foreach (config('crm.payment_intents') as $k => $l)<option value="{{ $k }}" @selected(old('payment_intent') === $k)>{{ $l }}</option>@endforeach</select></div>
        <div class="sm:col-span-3"><label for="interest_notes" class="mb-1 block text-sm font-medium">What they said</label><textarea id="interest_notes" name="interest_notes" rows="3" class="field">{{ old('interest_notes') }}</textarea></div>
        <label class="flex items-center gap-2 text-sm"><input type="checkbox" name="has_trade_in" value="1" @checked(old('has_trade_in')) class="rounded border-line"> Has a vehicle to trade in</label>
        <label class="flex items-center gap-2 text-sm sm:col-span-2"><input type="checkbox" name="marketing_consent" value="1" @checked(old('marketing_consent')) class="rounded border-line"> Agreed to receive offers and news by SMS, WhatsApp or email</label>
    </fieldset>

    <div class="flex gap-2"><button class="btn-primary">Capture lead</button><a href="{{ route('leads.index') }}" class="btn-quiet">Cancel</a></div>
</form>
@endsection