@section('title', __('Stop receiving orders'))

<div>
  <x-baseview title="{{ __('Stop receiving orders') }}">
    <livewire:tables.stop-times-table />
  </x-baseview>

  <div x-data="{ open: @entangle('showCreate') }">
    <x-modal confirmText="{{ __('Save') }}" action="save" :clickAway="false">
      <p class="text-xl font-semibold">{{ __('Create Stop receiving orders') }}</p>
      <div class="flex">
        <div class="flex-1">
          @foreach ($days as $index => $day)
            <x-checkbox title="{{ $day['name'] }}" name="selectedDays.{{ $index }}" :defer="false" />
          @endforeach
        </div>
        <div class="flex-1">
          @foreach ($times as $index => $time)
            <x-checkbox title="{{ $time['name'] }}" name="selectedTimes.{{ $index }}" :defer="false" />
          @endforeach
        </div>
      </div>
      <div class="grid flex-1 grid-cols-2">
        <x-input title="{{ __('Start Date') }}" name="startDate" type="date" />
        <x-input title="{{ __('End Date') }}" name="endDate" type="date" />
      </div>
      <x-checkbox title="{{ __('Active') }}" name="isActive" :defer="false" />

    </x-modal>
  </div>

  <div x-data="{ open: @entangle('showEdit') }">
    <x-modal confirmText="{{ __('Update') }}" action="update">

      <p class="text-xl font-semibold">{{ __('Update Delivery Time') }}</p>
      <div class="flex">
        <div class="flex-1">
          @foreach ($days as $index => $day)
            <x-checkbox title="{{ $day['name'] }}" name="selectedDays.{{ $index }}" :defer="false" />
          @endforeach
        </div>
        <div class="flex-1">
          @foreach ($times as $index => $time)
            <x-checkbox title="{{ $time['name'] }}" name="selectedTimes.{{ $index }}" :defer="false" />
          @endforeach
        </div>
      </div>
      <div class="grid flex-1 grid-cols-2">
        <x-input title="{{ __('Start Date') }}" name="startDate" type="date" />
        <x-input title="{{ __('End Date') }}" name="endDate" type="date" />
      </div>
      <x-checkbox title="{{ __('Active') }}" name="isActive" :defer="false" />

    </x-modal>
  </div>

</div>