@props([
'weekdays' => [],
'activeDays' => [],
'startTimes' => [],
'endTimes' => [],
'separated' => false,
'menStartTimes' => [],
'womenStartTimes' => [],
'menEndTimes' => [],
'womenEndTimes' => [],
])

@foreach ($weekdays as $weekday)

<div class="row ">
    <div class=" col-md-2">
        <div class="mt-[2.25rem] flex flex-col justify-content-center align-center">
            <label class="self-center" for="{{$weekday['name'] . 'switch'}}">{{ __('messages.' . $weekday['name']) }}</label>
            <div class="form-check form-switch h-100 w-100 d-flex justify-content-center ">

                <input class="form-check-input self-center"
                    id="{{$weekday['name'] . 'switch'}}"
                    {{ $activeDays[$weekday['name']] ? 'checked' : '' }}
                    type="checkbox"
                    role="switch"
                    wire:click="toggleAvailability('{{ $weekday['name'] }}')" />
            </div>
        </div>
    </div>

    @if (!$separated)
    <div class="col-md-5 ">
        <div class="form-group mt-4">
            <x-orion.form-label inputkey="startTimes.{{  $weekday['name'] }}">{{ __("messages.Start time" ) }}</x-orion.form-label>
            <x-orion.form-input disabled="{{ $activeDays[$weekday['name']] ? false : true }}" type="time" inputkey="startTimes.{{  $weekday['name'] }}"></x-orion.form-input>
            <x-orion.form-error inputkey="startTimes.{{  $weekday['name'] }}" />
        </div>
    </div>

    <div class="col-md-5 ">
        <div class="form-group mt-4">
            <x-orion.form-label inputkey="endTimes.{{  $weekday['name'] }}">{{ __("messages.End time" ) }}</x-orion.form-label>
            <x-orion.form-input disabled="{{ $activeDays[$weekday['name']] ? false : true }}" type="time" inputkey="endTimes.{{  $weekday['name'] }}"></x-orion.form-input>
            <x-orion.form-error inputkey="endTimes.{{  $weekday['name'] }}" />
        </div>
    </div>


    @else
    <div class="col-md-2 ">
        <div class="form-group mt-4">
            <x-orion.form-label inputkey="menStartTimes.{{  $weekday['name'] }}">{{ __("messages.Men's Start time" ) }}</x-orion.form-label>
            <x-orion.form-input disabled="{{ $activeDays[$weekday['name']] ? false : true }}" type="time" inputkey="menStartTimes.{{  $weekday['name'] }}"></x-orion.form-input>
            <x-orion.form-error inputkey="menStartTimes.{{  $weekday['name'] }}" />
        </div>
    </div>

    <div class="col-md-2 ">
        <div class="form-group mt-4">
            <x-orion.form-label inputkey="menEndTimes.{{  $weekday['name'] }}">{{ __("messages.Men's End time" ) }}</x-orion.form-label>
            <x-orion.form-input disabled="{{ $activeDays[$weekday['name']] ? false : true }}" type="time" inputkey="menEndTimes.{{  $weekday['name'] }}"></x-orion.form-input>
            <x-orion.form-error inputkey="menEndTimes.{{  $weekday['name'] }}" />
        </div>
    </div>

    <div class="col-md-2 md:ml-8">
        <div class="form-group mt-4">
            <x-orion.form-label inputkey="womenStartTimes.{{  $weekday['name'] }}">{{ __("messages.Women's Start time" ) }}</x-orion.form-label>
            <x-orion.form-input disabled="{{ $activeDays[$weekday['name']] ? false : true }}" type="time" inputkey="womenStartTimes.{{  $weekday['name'] }}"></x-orion.form-input>
            <x-orion.form-error inputkey="womenStartTimes.{{  $weekday['name'] }}" />
        </div>
    </div>

    <div class="col-md-2 ">
        <div class="form-group mt-4">
            <x-orion.form-label inputkey="womenEndTimes.{{  $weekday['name'] }}">{{ __("messages.Women's End time" ) }}</x-orion.form-label>
            <x-orion.form-input disabled="{{ $activeDays[$weekday['name']] ? false : true }}" type="time" inputkey="womenEndTimes.{{  $weekday['name'] }}"></x-orion.form-input>
            <x-orion.form-error inputkey="womenEndTimes.{{  $weekday['name'] }}" />
        </div>
    </div>
    @endif
</div>
@endforeach