@php
    $selectWrapClass = 'mt-1 block w-full min-h-[2.25rem]';
    $fieldGrid = 'grid grid-cols-2 lg:grid-cols-4 gap-x-3 gap-y-3';
@endphp

<div class="space-y-4">
    <div class="{{ $fieldGrid }}">
        <div>
            <label for="lifecycle_stage" class="{{ $labelClass }}">Record Type</label>
            <x-styled-select
                name="lifecycle_stage"
                id="lifecycle_stage"
                :selected="$lifecycleStageCreate"
                :options="$lifecycleStageFormOptions"
                class="{{ $selectWrapClass }}"
            />
        </div>
        <div>
            <label for="customer_id" class="{{ $labelClass }}">Existing Customer</label>
            <x-styled-select
                name="customer_id"
                id="customer_id"
                :selected="$customerSelected"
                :options="$customerSelectOptions"
                class="{{ $selectWrapClass }}"
            />
        </div>
        <div id="lead-type-wrap">
            <label for="lead_type" class="{{ $labelClass }}">Lead Type</label>
            <x-styled-select
                name="lead_type"
                id="lead_type"
                :selected="$leadType"
                :options="$leadTypeSelectOptions"
                :disabled="$customerLocked"
                class="{{ $selectWrapClass }}"
            />
        </div>
        <div>
            <label for="lead_source" class="{{ $labelClass }}">Lead Source</label>
            <x-styled-select name="lead_source" id="lead_source" :selected="$leadSourceSelected" :options="$leadSourceSelectOptions" class="{{ $selectWrapClass }}" />
            @error('lead_source')
                <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
            @enderror
        </div>
    </div>

    <p
        id="customer-prefill-notice"
        class="{{ $hintClass }} {{ filled($customerSelected) ? '' : 'hidden' }}"
    >
        Contact details are filled from the selected customer and cannot be edited here.
    </p>

    <div id="source_other_wrap" class="{{ ($leadSourceSelected === 'other' || old('lead_source') === 'other') ? '' : 'hidden' }}">
        <label for="source_other" class="{{ $labelClass }}">Describe source</label>
        <input id="source_other" name="source_other" type="text" value="{{ old('source_other', $leadSourceOther ?? '') }}" class="{{ $inputClass }} max-w-xl" placeholder="Enter lead source…" />
    </div>

    <div id="lead-fields-individual" class="{{ $fieldGrid }} {{ $leadType === 'business' ? 'hidden' : '' }}">
        <div>
            <label for="first_name" class="{{ $labelClass }}">First Name</label>
            <input id="first_name" name="first_name" type="text" value="{{ $val('first_name') }}" class="{{ $inputClass }}" />
        </div>
        <div>
            <label for="last_name" class="{{ $labelClass }}">Last Name</label>
            <input id="last_name" name="last_name" type="text" value="{{ $val('last_name') }}" class="{{ $inputClass }}" />
        </div>
        <div>
            <label for="phone" class="{{ $labelClass }}">Phone</label>
            <input id="phone" name="phone" type="text" value="{{ $val('phone') }}" class="{{ $inputClass }}" />
        </div>
        <div>
            <label for="email" class="{{ $labelClass }}">Email</label>
            <input id="email" name="email" type="email" value="{{ $val('email') }}" class="{{ $inputClass }}" />
        </div>
    </div>

    <div id="lead-fields-business" class="space-y-3 {{ $leadType !== 'business' ? 'hidden' : '' }}">
        <div class="{{ $fieldGrid }}">
            <div class="lg:col-span-2">
                <label for="company_name" class="{{ $labelClass }}">Company Name</label>
                <input id="company_name" name="company_name" type="text" value="{{ $val('company_name') }}" class="{{ $inputClass }}" />
            </div>
            <div>
                <label for="business_type" class="{{ $labelClass }}">Business Type</label>
                <x-styled-select name="business_type" id="business_type" :selected="(string) ($bt ?? '')" :options="$businessTypeSelectOptions" :disabled="$customerLocked && $leadType === 'business'" class="{{ $selectWrapClass }}" />
            </div>
            <div>
                <label for="company_phone" class="{{ $labelClass }}">Company Phone</label>
                <input id="company_phone" name="company_phone" type="text" value="{{ $val('company_phone') }}" class="{{ $inputClass }}" />
            </div>
            <div>
                <label for="company_email" class="{{ $labelClass }}">Company Email</label>
                <input id="company_email" name="company_email" type="email" value="{{ $val('company_email') }}" class="{{ $inputClass }}" />
            </div>
            <div>
                <label for="representative_name" class="{{ $labelClass }}">Rep. First Name</label>
                <input id="representative_name" name="representative_name" type="text" value="{{ $val('representative_name') }}" class="{{ $inputClass }}" />
            </div>
            <div>
                <label for="representative_surname" class="{{ $labelClass }}">Rep. Surname</label>
                <input id="representative_surname" name="representative_surname" type="text" value="{{ $val('representative_surname') }}" class="{{ $inputClass }}" />
            </div>
            <div>
                <label for="representative_phone" class="{{ $labelClass }}">Rep. Phone</label>
                <input id="representative_phone" name="representative_phone" type="text" value="{{ $val('representative_phone') }}" class="{{ $inputClass }}" />
            </div>
            <div>
                <label for="representative_email" class="{{ $labelClass }}">Rep. Email</label>
                <input id="representative_email" name="representative_email" type="email" value="{{ $val('representative_email') }}" class="{{ $inputClass }}" />
            </div>
        </div>
    </div>

    <div class="{{ $fieldGrid }}">
        <div>
            @if (($canAssignLeads ?? false) === true)
                @if (($salesmen ?? collect())->isNotEmpty())
                    <label for="assigned_user_id" class="{{ $labelClass }}">Assign to Salesman</label>
                    <x-styled-select name="assigned_user_id" id="assigned_user_id" :selected="$assignedSelected" :options="$salesmanSelectOptions" required class="{{ $selectWrapClass }}" />
                @else
                    <label class="{{ $labelClass }}">Assign to Salesman</label>
                    <div class="mt-1 rounded-lg border border-amber-200 bg-amber-50 px-2 py-2 text-xs text-amber-900">
                        Assigned to you automatically.
                    </div>
                @endif
            @else
                <label class="{{ $labelClass }}">Assigned User</label>
                <div class="mt-1 rounded-lg border border-gray-200 bg-gray-50 px-2 py-2 text-xs text-gray-700">
                    Assigned to you automatically.
                </div>
            @endif
        </div>
        <div class="lg:col-span-2">
            <fieldset>
                <legend class="{{ $labelClass }}">Purchase Intent</legend>
                <div class="mt-1 flex flex-wrap items-center gap-4">
                    @foreach ($purchaseIntentOptions as $option)
                        <label class="inline-flex items-center gap-1.5 text-sm text-gray-800">
                            <input type="radio" name="purchase_intent" value="{{ $option['value'] }}" class="border-gray-300 text-[var(--dealer-accent-color)] focus:ring-[var(--dealer-accent-color)]" @checked($purchaseIntentSelected === $option['value'])>
                            {{ $option['label'] }}
                        </label>
                    @endforeach
                </div>
            </fieldset>
            <div id="future-purchase-date-wrap" class="mt-2 max-w-xs {{ $purchaseIntentSelected === \App\Support\PurchaseIntent::FUTURE_PURCHASE ? '' : 'hidden' }}">
                <label for="future_purchase_date" class="{{ $labelClass }}">Follow-up date</label>
                <input type="date" id="future_purchase_date" name="future_purchase_date" value="{{ $futurePurchaseDateValue }}" min="{{ now()->format('Y-m-d') }}" class="{{ $inputClass }}" />
            </div>
        </div>
    </div>

    <div class="grid grid-cols-1 xl:grid-cols-12 gap-4 border-t border-gray-100 pt-4">
        <div class="xl:col-span-7 space-y-3">
            @include('leads.partials.vehicle-interest-fields', ['lead' => $lead, 'compact' => true, 'captureLayout' => true])
        </div>
        <div class="xl:col-span-5 space-y-3">
            @include('leads.partials.communication-preferences-fields', [
                'communicationPreferences' => $communicationPreferences ?? \App\Support\LeadCommunicationPreferences::defaults(),
                'compact' => true,
                'captureLayout' => true,
            ])
            <div>
                <label for="notes" class="{{ $labelClass }}">Notes (optional)</label>
                <textarea id="notes" name="notes" rows="2" class="{{ $inputClass }}" placeholder="Anything helpful…">{{ $val('notes') }}</textarea>
            </div>
        </div>
    </div>
</div>