checkout and shipping part

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

@@ -1,8 +1,11 @@
 {{--
     <x-checkout::select name="billing_country_id" label="Country" :options="$countries" required />
+    <x-checkout::select name="shipping_state" label="Region" :options="$regions" value-field="name" required />
 
-    `options` is an iterable of {id, name} (a Collection of models works
-    directly) — value/label pulled from those two keys.
+    `options` is an iterable of models/objects; `label` is always read from
+    `->name`, the submitted value from `->{$valueField}` (default `id`, but e.g.
+    `name` for Lunar states — table-rate-shipping resolves those with
+    State::whereName(), so the address must carry the exact name string).
 --}}
 @props([
     'name',
@@ -11,6 +14,7 @@
     'value' => null,
     'placeholder' => null,
     'required' => false,
+    'valueField' => 'id',
 ])
 
 @php($selected = old($name, $value))
@@ -27,12 +31,10 @@
             <option value="" @selected(! $selected)>{{ $placeholder }}</option>
         @endif
         @foreach ($options as $option)
-            <option value="{{ $option->id }}" @selected((string) $selected === (string) $option->id)>
+            <option value="{{ $option->{$valueField} }}" @selected((string) $selected === (string) $option->{$valueField})>
                 {{ $option->name }}
             </option>
         @endforeach
     </select>
-    @error($name)
-        <p class="bbk-field-error">{{ $message }}</p>
-    @enderror
+    <p class="bbk-field-error" data-bbk-field-error="{{ $name }}" @unless ($errors->has($name)) hidden @endunless>{{ $errors->first($name) }}</p>
 </div>