@props(['customers' => []])
@if (!empty($customers))
    <div class="rounded-xl bg-indigo-50/60 p-3">
        <label class="text-xs font-medium text-slate-600">CRM customer (optional)</label>
        <select x-model="crmCustomerId" @change="onCustomerSelected()"
                class="mt-1 block w-full rounded-lg border-slate-200 text-sm focus:border-indigo-500 focus:ring-indigo-500">
            <option value="">Walk-in customer</option>
            @foreach (array_values($customers) as $c)
                <option value="{{ $c['id'] }}">{{ $c['name'] }}@if (!empty($c['email'])) ({{ $c['email'] }})@endif</option>
            @endforeach
        </select>
        <input type="hidden" name="crm_customer_id" id="crm_customer_id" :value="crmCustomerId">
    </div>
@endif