@php
    $repeat = old('repeat', ($model->repeat ? $model->repeat : 0));
    $time = time();
@endphp

<div class="{{ $form_group_class ?? 'w-full lg:w-[60%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0' }} form_group">
    <div class="{{ $form_inside_el_left_width ?? 'w-full lg:w-1/2' }} form-label text-sm-semibold">&nbsp;</div>
    <div class="{{ $form_inside_el_right_width ?? 'w-full lg:w-1/2' }} flex justify-start items-center gap-2">
        <input class="repeat" name="repeat"
            id="repeat-{{ $time }}"
            type="checkbox"
            value="1"
            {{ $repeat ? 'checked' : '' }}
        />
        <label for="repeat-{{ $time }}" class="text-custom-grey-600 text-sm-medium mb-0">{{ trans('forms.lbl_repeat') }}</label>
    </div>
</div>

<div class="{{ $form_group_class ?? 'w-full lg:w-[60%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0' }} form_group {{ $repeat ? '' : 'hidden' }} repeat-elements">
    <label for="repeat_each-{{ $time }}" class="form-label text-sm-semibold {{ $form_inside_el_left_width ?? 'w-full lg:w-1/2' }}">{{ trans('forms.lbl_repeat_every') }} <span class="required"> </span></label>
    <div class="w-full lg:w-2/3 flex flex-row gap-2 items-center justify-start">
        <div>
            <input type="text" name="repeat_for" class="form-input text-md-regular text-custom-grey-500 repeat_for" id="repeat_for-{{ $time }}"
                    value="{{ old('repeat_for', $model->repeat_for ? $model->repeat_for : '') }}" />
        </div>

        <div class="{{ $form_inside_el_right_width ?? 'w-full lg:w-1/2' }} relative">
            @php $repeat_each = old('repeat_each', ($model->repeat_each ? $model->repeat_each : '')); @endphp
            <select class="form-input form-input-select w-full repeat_each" name="repeat_each" id="repeat_each-{{ $time }}">
                <option {{ $repeat_each == 'day' ? 'selected' : '' }} value="day">
                    {{ trans('forms.Days') }}</option>
                <option {{ $repeat_each == 'week' ? 'selected' : '' }} value="week">
                    {{ trans('forms.Weeks') }}</option>
                <option {{ $repeat_each == 'month' ? 'selected' : '' }} value="month">
                    {{ trans('forms.Months') }}</option>
            </select>
        </div>
    </div>
</div>

<div class="{{ $form_group_class ?? 'w-full lg:w-[60%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0' }} form_group {{ $repeat && $repeat_each == 'month' ? '' : 'hidden' }} repeat-elements-additional" data-option="month">
    <label for="repeat_on-{{ $time }}" class="form-label text-sm-semibold {{ $form_inside_el_left_width ?? 'w-full lg:w-1/2' }}">{{ trans('forms.lbl_on_the') }} <span class="required"> </span></label>
    <div class="{{ $form_inside_el_right_width ?? 'w-full lg:w-1/2' }} relative">
        @php
            $repeat_on = old('repeat_on', ($model->repeat_on ? $model->repeat_on : ''));
            $month_weeks = \App\Constants\Calendar::MONTH_WEEKS;
        @endphp
        <select class="form-input form-input-select w-full" name="repeat_on" id="repeat_on">
            @foreach ($month_weeks as $key => $value)
                <option {{ $repeat_on == $key ? 'selected' : '' }} value="{{ $key }}">
                {{ trans('forms.lbl_'.$value) }}</option>
            @endforeach
        </select>
    </div>
</div>

<div class="{{ $form_group_class ?? 'w-full lg:w-[85%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0' }} form_group {{ $repeat && ($repeat_each == 'month' || $repeat_each == 'week') ? '' : 'hidden' }} repeat-elements-additional" data-option="month-week">
    <div class="form-label text-sm-semibold {{ $form_inside_el_left_width ?? 'w-full lg:w-[35.3%] hidden lg:inline-block' }}">&nbsp;</div>
    <div class="{{ $form_inside_el_right_width ?? 'w-full lg:w-[64.7%] flex flex-col gap-4' }}">
        @php
            $week_days = Carbon\Carbon::getDays();
            $week_days[] = $week_days[0];
        @endphp
        @foreach ($week_days as $key => $day)
            @php
                if($key == 0 ) {
                    continue;
                }

                if($key == 7 ) {
                $key = 0;
                }

                $active_weekday = isset($model->weekdays[$key]) ? $model->weekdays[$key] : null;
            @endphp

            <div class="flex justify-between items-center">
                <div class="w-full lg:w-1/2 flex justify-start items-center gap-2">
                    <div class="w-4 h-4">
                        <input id="weekdays-{{$key}}-active-{{ $time }}"
                            name="weekdays[{{$key}}][active]"
                            data-id="weekdays-{{$key}}-active"
                            data-weekday="{{ $key }}"
                            type="checkbox"
                            class="weekdays"
                            value="1"
                            {{ isset($active_weekday['active']) && $active_weekday['active'] ? 'checked' : '' }}
                        />
                    </div>
                    <label for="weekdays-{{$key}}-active-{{ $time }}" class="text-custom-grey-600 text-sm-medium mb-0">{{trans("title.".strtolower(substr($day, 0, 3)))}}</label>
                </div>

                @if(isset($override) && $override == 1)
                    <div class="w-full lg:w-1/2 flex justify-start items-center gap-2 override-option {{ isset($active_weekday['active']) && $active_weekday['active'] ? '' : 'hidden' }}"
                        id="override-{{ $key }}-choice-{{ $time }}"
                        data-id="override-{{ $key }}-choice"
                        >
                        <div class="w-4 h-4">
                            <input id="override-{{$key}}-hours-{{ $time }}"
                                name="weekdays[{{$key}}][override]"
                                data-weekday="{{ $key }}"
                                type="checkbox"
                                class="override-hours"
                                value="1"
                                {{ isset($active_weekday['override']) && $active_weekday['override'] ? 'checked' : '' }}
                            />
                        </div>
                        <label for="override-{{$key}}-hours-{{ $time }}" class="text-custom-grey-600 text-sm-medium mb-0">{{trans("forms.lbl_override_default_hours")}}</label>
                    </div>
                @endif
            </div>

            @if(isset($override) && $override == 1)
                <div id="override-{{ $key }}-option-{{ $time }}" data-id="override-{{ $key }}-option" class="override-option {{ isset($active_weekday['override']) && $active_weekday['override'] ? 'w-full lg:w-auto lg:flex-1 bg-custom-blue-25 border border-custom-blue-100 rounded-lg' : 'hidden' }}">
                    <div class="p-5">
                        @if(isset($overrideView))
                            @include($overrideView, ['active_weekday' => $active_weekday])
                        @endif
                    </div>

                </div>
            @endif
        @endforeach
    </div>
</div>

<div class="{{ $form_group_class ?? 'w-full lg:w-[60%] flex flex-col lg:flex-row lg:justify-between lg:items-center gap-2 lg:gap-0' }} form_group {{ $repeat ? '' : 'hidden' }} repeat-elements">
    <label for="repeat_till-{{ $time }}" class="form-label text-sm-semibold {{ $form_inside_el_left_width ?? 'w-full lg:w-1/2' }}">{{ trans('forms.lbl_repeat_till') }}: <span class="required"> </span></label>
    <div class="{{ $form_inside_el_right_width ?? 'w-full lg:w-1/2' }} relative">
        <input type="text" name="repeat_till" id="repeat_till-{{ $time }}" class="datepicker form-input text-md-regular text-custom-grey-500 w-full repeat_till"
            value="{{ old('repeat_for', $model->repeat_till ? $model->repeat_till : '') }}" />
            <x-svg-icon class="search-icon" icon="icon-calendar" width="16" height="16" />
    </div>
</div>