tate"
                           name="deliveryAddressState"
                           readonly
                           x-model="orderDetails.deliveryAddress.state"/>
                </div>
                <div class="col-6">
                    <label for="deliveryAddressZipCode" class="form-label">Delivery Address ZipCode</label>
                    <input class="form-control"
                           id="deliveryAddressZipCode"
                           name="deliveryAddressZipCode"
              