@php($scheduleDurationTime = App\Models\UserSchedule::SCHEDULE_DURATION_TIME)
@php($scheduleSlotTime = App\Models\UserSchedule::SCHEDULE_TIME_SLOT_ARR)
@php($eventGapSlotTime = App\Models\UserSchedule::EVENT_GAP_SLOT_TIME_ARR)
@php($weekDays = App\Models\UserSchedule::WEEKDAY_FULL_NAME)
<div class="tab-content" id="myTabContent">
    <div class="tab-pane fade" id="editEvent" role="tabpanel">
        {{ Form::open(['route' => ['events.update', $event->id], 'method' => 'patch', 'id' => 'eventEditForm']) }}
        <div class="card-body p-12">
            <div class="row gx-10 mb-5">
                <div class="col-sm-6">
                    <div class="mb-5">
                        {{ Form::label('name', __('messages.event.event_name').':', ['class' => 'form-label required']) }}
                        {{ Form::text('name', !empty($event->name) ? $event->name : null, ['class' => 'form-control ', 'placeholder' => __('messages.event.event_name'),'required']) }}
                    </div>
                </div>
                <div class="col-sm-6">
                    {{ Form::label('event_location',__('messages.event.location').':' ,['class' => 'form-label required']) }}
                    <div class="input-group input-group-solid mb-5">
                        <div class="overflow-hidden flex-grow-1">
                            <select name="event_location"
                                    class="form-select fw-bold event-location"
                                    required>
                                @foreach($locationArr as $key => $value)
                                    <option value="{{ $key }}"
                                            class="update-location" {{ ($event->event_location == $key) ? 'selected' : '' }}>{{ $value }}</option>
                                @endforeach
                            </select>
                            {{ Form::hidden('location_meta',null,['id' => 'locationAddData']) }}
                        </div>
                        <span data-id="{{$event->event_location}}"
                              class="input-group-text cursor-pointer add-location-modal cursor-pointer"><i
                                    class="fas fa-plus"></i></span>
                    </div>
                </div>
                <div class="col-sm-8">
                    {{ Form::label('event_link', __('messages.event.event_landing_page').':', ['class' => 'form-label required']) }}
                    <div class="input-group mb-5">
                        <span class="input-group-text"
                              id="basic-addon3">{{ getEventLandingLink() }}</span>
                        {{ Form::text('event_link', !empty($event) ? $event->event_link : null, ['class' => 'form-control', 'id' => 'eventLinkId', 'placeholder' => __('messages.event.event_landing_page'),'required']) }}
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="mb-5">
                        {{ Form::label('event_color', __('messages.event.event_color').':', ['class' => 'form-label required']) }}
                        <div class="color-wrapper-edit"></div>
                        {{ Form::hidden('event_color', null, ['id' => 'editEventColor', 'class' => 'form-control']) }}
                        <span id="colorError" class="text-danger"></span>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="mb-5">
                        {{ Form::label('event_type', __('messages.event.event_type').':', ['class' => 'form-label required']) }}
                        {{ Form::select('event_type', \App\Models\Event::EVENT_TYPE,!empty($event) ? $event->event_type : null, ['class' => 'form-select form-select-solid payment-type', 'placeholder' => 'Select Event Type','required', 'id' => 'paymentTypeId']) }}
                    </div>
                </div>
                <div class="col-sm-6 d-none" id="payableAmount">
                    <div class="mb-5">
                        {{ Form::label('payable_amount', __('messages.event.payable_amount').':', ['class' => 'form-label required']) }}
                        <div class="input-group mb-5">
            <span class="input-group-text"
                  id="basic-addon3">{{ getCurrencyIcon() }}</span>
                            {{ Form::text('payable_amount', !empty($event) ? $event->payable_amount : null, ['class' => 'form-control', 'placeholder' => 'Payable Amount','required','onkeyup' => 'if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,"")','id' => 'payableAmountId','disabled' => true]) }}
                        </div>
                    </div>
                </div>
                <div class="col-lg-12 mb-5">
                    {{ Form::label('description',__('messages.event.description').':' ,['class' => 'form-label']) }}
                    {{  Form::textarea('description', !empty($event) ? $event->description : null, ['class'=> 'form-control','rows'=> 5,'placeholder'=>__('messages.event.description') ])}}
                </div>
                <div class="d-flex">
                    <button type="submit" class="btn btn-primary" id="btnSave">{{ __('messages.common.save') }}</button>&nbsp;&nbsp;&nbsp;
                    <a href="{{ route('events.index') }}" type="reset"
                       class="btn btn-secondary">{{ __('messages.common.discard') }}</a>
                </div>
            </div>
        </div>
        {{ Form::close() }}
    </div>
    <div class="tab-pane fade active show" id="addEventSchedule" role="tabpanel">
        {{ Form::open(['id' => 'addEventScheduleForm']) }}
        <div class="card-body maincard-section p-12">
            <div class="gx-10 mb-5">
                <div class="row">
                    <div class="col-12">
                        <label class="form-label mb-3">{{ __('messages.event.date_range').':' }}</label>
                        <i class="fa fa-question-circle ms-1 fs-7" data-bs-toggle="tooltip"
                           title="{{__('messages.tooltip.set_range')}}"
                           data-bs-original-title="{__('messages.tooltip.set_range')}}"
                           aria-label="Set a range of dates when you can accept meetings."></i>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-check">
                            <label class="form-check-label">
                                <div class="d-flex">
                                    <input class="form-check-input me-3 mt-3" type="radio" name="date_range" value="1"
                                            {{ $event->date_range == 1 ? 'checked' : '' }}>
                                    <div>
                                        {{ Form::number('schedule_days',!empty($event->schedule_days) ? $event->schedule_days : null ,['class' => 'form-control ','id' => 'scheduleDayId','min' => 1,'placeholder'=>__('messages.event.date_range')]) }}
                                    </div>
                                    <span class="ms-2 mt-3 text-nowrap">{{ __('messages.common.next_days') }}</span>
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="mb-5">
                            <div class="form-check">
                                <label class="form-check-label ms-0">
                                    <div class="d-flex">
                                        <input class="form-check-input within-date-range me-3 mt-3" type="radio"
                                               name="date_range"
                                               value="0" {{ $event->date_range == 0 ? 'checked' : '' }}>
                                        <span
                                                class="text-nowrap mt-3 me-3">{{ __('messages.event.within_a_date_range') }}</span>
                                        <div>
                                            {{ Form::text('within_date_range',!empty($event->schedule_from) && !empty($event->schedule_to) ? ($event->schedule_from.'-'.$event->schedule_to) : null ,['class' => 'form-control d-none ','id' => 'withinDateRangeId','disabled' => true]) }}
                                        </div>
                                    </div>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        {{ Form::hidden('event_id',$event->id) }}
                        <div class="mb-5">
                            {{ Form::label('slot_time', __('messages.event.slot_time').':', ['class' => 'form-label required ']) }}
                            <span data-bs-toggle="tooltip"
                                  data-placement="top"
                                  data-bs-original-title="{{__('messages.tooltip.set_frequency')}}">
        <i class="fas fa-question-circle ml-1 mt-1 general-question-mark"></i></span>

                            {{ Form::select('slot_time',$scheduleSlotTime , !empty($event->slot_time) ? $event->slot_time : null,['class' => 'form-select available-select','id' => 'slotTimeId']) }}
                        </div>
                    </div>
                    <div class="col-sm-6 mb-5 d-flex mt-4">
                        <div class="form-check mb-2 mt-4">
                            <label class="form-label mb-3 mt-3">
                                <input class="form-check-input after-time" type="checkbox"><span
                                        class="ms-3">{{ __('messages.event.gap_between_slots').':' }}</span>
                            </label>
                        </div>
                        <div class="col-sm-6 ms-3 mt-4">
                            {{ Form::select('gap_slot',$eventGapSlotTime, !empty($event->gap_slot) ? $event->gap_slot : null,['class' => 'form-select available-select', 'id' => 'afterEventTimeId','disabled' => true]) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-6 mb-2 mt-2">
                        <span class="form-label ">{{ __('messages.event.how_do_you_want_to_offer_your_availability_for') }}?</span>
                        <span data-bs-toggle="tooltip"
                              data-placement="top"
                              data-bs-original-title="{{__('messages.tooltip.select_one_schedule')}}">
        <i class="fas fa-question-circle ml-1 mt-1 general-question-mark"></i></span>
                        <ul class="nav nav-pills mb-5 mt-3" id="pills-tab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link button-tab py-4 mt-3 fs-5 {{ isset($checkSelectedTab) && $checkSelectedTab == 0 || $checkSelectedTab == null ? 'active' : '' }}"
                                        id="pills-existing-tab"
                                        data-id="{{ \App\Models\UserSchedule::EXISTING_SCHEDULE }}"
                                        data-bs-toggle="pill"
                                        data-bs-target="#existingSchedule" type="button" role="tab"
                                        aria-controls="pills-home"
                                        aria-selected="true">{{ __('messages.event.use_an_existing_schedule') }}
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link button-tab py-4 mt-3 fs-5 {{ isset($checkSelectedTab) && $checkSelectedTab == 1 ? 'active' : '' }}"
                                        id="pills-new-tab"
                                        data-id="{{ \App\Models\UserSchedule::CUSTOM_SCHEDULE }}" data-bs-toggle="pill"
                                        data-bs-target="#AddSchedule" type="button" role="tab"
                                        aria-controls="pills-profile"
                                        aria-selected="false">{{ __('messages.event.set_custom_hours') }}
                                </button>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="tab-content mt-2" id="pills-tabContent">
                    <div class="tab-pane fade {{ isset($checkSelectedTab) && $checkSelectedTab == 0 || $checkSelectedTab == null ? 'show active' : '' }}"
                         id="existingSchedule" role="tabpanel"
                         aria-labelledby="pills-home-tab">
                        <div class="col-sm-6 mb-5">
                            {{ Form::label('schedule_name', __('messages.schedule.which_schedule_do_you_want_to_use'), ['class' => 'form-label ']) }}
                            {{ Form::select('schedule_name',$scheduleNameArr,isset($event->schedule_id) ? $event->schedule_id : null,['class' => 'form-select change-schedule', 'id' => 'eventScheduleId']) }}
                        </div>
                        <div class="col-12 mt-10 mb-10">
                            <i class="fas fa-globe-asia text-black me-2 fs-4"></i><span
                                    class="fs-5">{{ !empty(getLogInUser()->timezone) ?  \App\Models\User::TIME_ZONE_ARRAY[getLogInUser()->timezone] : \App\Models\User::TIME_ZONE_ARRAY[160] }}</span>
                        </div>
                        <div class="existing-schedule">
                            @include('events.existing_schedule')
                        </div>
                    </div>
                    <div class="tab-pane fade {{ isset($checkSelectedTab) && $checkSelectedTab == 1 ? 'show active' : '' }}"
                         id="AddSchedule" role="tabpanel" aria-labelledby="pills-existing-tab">
                        <div class="row">
                            <div class="col-sm-6">
                                {{ Form::hidden('check_tab',null,['id' => 'checkTabId']) }}
                                <div class="mb-5">
                                    {{ Form::label('time_zone', __('messages.schedule.time_zone').':', ['class' => 'form-label  required']) }}
                                    {{ Form::select('timezone', \App\Models\User::TIME_ZONE_ARRAY, !(getLogInUser()->timezone == null) ? getLogInUser()->timezone : getTimeZone(),['class' => 'form-select available-select', 'id' => 'eventTimeZoneId', 'placeholder' => 'Select Time Zone','required']) }}
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="mb-5 d-flex justify-content-end">
                                    <a href="javascript:void(0)"
                                       class="fs-4 mt-3 text-decoration-none add-schedule-name">{{ __('messages.event.save_as_new_schedule') }}</a>
                                </div>
                            </div>
                        </div>
                        @foreach(App\Models\UserSchedule::WEEKDAY as $day => $shortWeekDay)
                            @php($isValid = isset($customScheduleWeekDays) && $customScheduleWeekDays->where('day_of_week',$day)->count() != 0)
                            @php($clinicScheduleDay = $customScheduleWeekDays->where('day_of_week',$day)->first())
                            <div class="">
                                <div class="weekly-content" data-day="{{$day}}">
                                    <div class="d-flex w-100 align-items-center position-relative">
                                        <div class="d-flex flex-md-row flex-column w-100 weekly-row align-items-center">
                                            <div class="form-check mb-0 checkbox-content d-flex align-items-center">
                                                <input id="chkShortWeekDay_{{$shortWeekDay}}" class="form-check-input"
                                                       type="checkbox"
                                                       value="{{$day}}" name="checked_week_days[]"
                                                       @if(isset($customScheduleWeekDays))
                                                       @if($isValid)
                                                       checked="checked"
                                                       @else
                                                       disabled
                                                       @endif
                                                       @elseif(!$loop->last && $clinicScheduleDay)
                                                       checked="checked"
                                                       @else
                                                       disabled
                                                        @endif>
                                                <label class="form-check-label ms-3"
                                                       for="chkShortWeekDay_{{$shortWeekDay}}">
                                                    <span class="fs-5 fw-bold d-md-block d-none">{{ strtoupper(__('messages.common.'.strtolower($shortWeekDay))) }}</span>
                                                </label>
                                            </div>
                                            @if(isset($customScheduleWeekDays))
                                                @if(!$isValid)
                                                    <div class="unavailable-time">{{ __('messages.schedule.unavailable') }}</div>
                                                @endif
                                            @elseif($loop->last || !$clinicScheduleDay)
                                                <div class="unavailable-time">{{ __('messages.schedule.unavailable') }}</div>
                                            @endif
                                            <div class="session-times">
                                                @if($clinicScheduleDay)
                                                    @if(isset($customScheduleWeekDays) && $customScheduleWeekDays->count())
                                                        @foreach($customScheduleWeekDays->where('day_of_week',$day) as $weekDaySlot)
                                                            @include('events.slot',['timeArr' => getConstTimeArr(),'day' => $day,'weekDaySlot' => $weekDaySlot])
                                                        @endforeach
                                                    @else
                                                        @if(!$loop->last)
                                                            @if(!isset($customScheduleWeekDays) || $isValid)
                                                                @include('events.slot',['timeArr' => getConstTimeArr(),'day' => $day])
                                                            @endif
                                                        @else
                                                            <div class="session-time"></div>
                                                        @endif
                                                    @endif
                                                @endif
                                            </div>
                                        </div>
                                        @if($clinicScheduleDay)
                                            <div class="weekly-icon position-absolute end-0 d-flex align-items-center">
                                                <a href="javascript:void(0)"
                                                   class="add-session-time btn px-2 text-gray-600 fs-2"
                                                   data-bs-toggle="tooltip"
                                                   title="{{ __('messages.common.add') }}">
                                                    <i class="fa-solid fa-plus"></i>
                                                </a>
                                                <div class="dropdown d-flex align-items-center">
                                                    <button class="btn dropdown-toggle copy-days-btn ps-2 pe-0 hide-arrow"
                                                            type="button" id="dropdownMenuButton{{ $day }}"
                                                            data-bs-toggle="dropdown" aria-expanded="false"
                                                            data-bs-auto-close="outside">
                                                        <i class="fa-solid fa-copy text-gray-600 fs-2"></i>
                                                    </button>
                                                    <div class="dropdown-menu copy-menu py-0 rounded-10 min-width-220"
                                                         aria-labelledby="dropdownMenuButton{{ $day }}">
                                                        <div class="p-5 menu-content">
                                                            @foreach($weekDays as $weekDayKey => $weekDay)
                                                                @if($day != $weekDayKey)
                                                                    <div class="mb-5 form-check ps-0 d-flex align-items-center justify-content-between copy-label">
                                                                        <label class="form-check-label text-gray-900"
                                                                               for="chkCopyDay_{{$shortWeekDay}}_{{$weekDay}}">{{$weekDay}}</label>
                                                                        <input type="checkbox"
                                                                               id="chkCopyDay_{{$shortWeekDay}}_{{$weekDay}}"
                                                                               class="form-check-input copy-check-input float-none ms-0"
                                                                               value="{{$weekDayKey}}">
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                            <button type="button" data-copy-day="{{$day}}"
                                                                    class="btn btn-primary copy-btn w-100">{{ __('messages.schedule.copy') }}</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="d-flex mt-10">
                    <button type="button" class="btn btn-primary"
                            id="eventScheduleBtnSave">{{ __('messages.common.save') }}</button>&nbsp;&nbsp;&nbsp;
                    <a href="{{ route('events.index') }}" type="reset"
                       class="btn btn-secondary">{{ __('messages.common.discard') }}</a>
                </div>
            </div>
        </div>
        {{ Form::close() }}
    </div>
</div>