<div class="form-check py-2 border-bottom">
    <input
        wire:model="isAsap"
        type="radio"
        name="isAsap"
        id="isAsap"
        class="form-check-input"
        value="1"
        @checked($isAsap)
        @disabled($previewMode)
    />
    <label
        class="form-check-label text-wrap ms-2 d-block"
        for="isAsap"
    >@lang('igniter.local::default.text_asap')</label>
</div>
<div class="form-check py-2">
    <input
        wire:model="isAsap"
        type="radio"
        name="isAsap"
        id="isLater"
        class="form-check-input"
        value="0"
        @checked(!$isAsap)
        @disabled($previewMode)
    />
    <label
        class="form-check-label text-wrap ms-2 d-block"
        for="isLater"
    >@lang('igniter.local::default.text_later')</label>
</div>
<div x-cloak x-show="showTimePicker">
    <div class="row gx-3 mt-2 mx-4 mb-3">
        <div class="col">
            <div class="form-floating">
                <select
                    wire:model="orderDate"
                    name="orderDate"
                    class="form-select"
                >
                    <option disabled></option>
                    @foreach($timeslotDates as $key => $value)
                        <option value="{{ $key }}">{{ $value }}</option>
                    @endforeach
                </select>
                <label for="orderDate">@lang('igniter.local::default.label_date')</label>
            </div>
        </div>
        <div class="col">
            <div class="form-floating">
                <select
                    wire:model="orderTime"
                    x-model="orderTime"
                    name="orderTime"
                    class="form-select"
                >
                    <template x-for="value, key in timeslot[orderDate]" :key="key">
                        <option x-bind:value="key" x-bind:selected="key == orderTime" x-text="value"></option>
                    </template>
                </select>
                <label for="orderTime">@lang('igniter.local::default.label_time')</label>
            </div>
        </div>
    </div>
</div>
