checkout process - start

resources/views/checkout/components/select.blade.php

@@ -0,0 +1,38 @@
+{{--
+    <x-checkout::select name="billing_country_id" label="Country" :options="$countries" required />
+
+    `options` is an iterable of {id, name} (a Collection of models works
+    directly) — value/label pulled from those two keys.
+--}}
+@props([
+    'name',
+    'label',
+    'options' => [],
+    'value' => null,
+    'placeholder' => null,
+    'required' => false,
+])
+
+@php($selected = old($name, $value))
+
+<div class="bbk-field">
+    <label class="bbk-field-label" for="bbk-{{ $name }}">{{ $label }}</label>
+    <select
+        name="{{ $name }}"
+        id="bbk-{{ $name }}"
+        @if ($required) required @endif
+        {{ $attributes->class(['bbk-field-input', 'bbk-field-input--error' => $errors->has($name)]) }}
+    >
+        @if ($placeholder)
+            <option value="" @selected(! $selected)>{{ $placeholder }}</option>
+        @endif
+        @foreach ($options as $option)
+            <option value="{{ $option->id }}" @selected((string) $selected === (string) $option->id)>
+                {{ $option->name }}
+            </option>
+        @endforeach
+    </select>
+    @error($name)
+        <p class="bbk-field-error">{{ $message }}</p>
+    @enderror
+</div>