@push('styles_top')
    <link rel="stylesheet" href="/assets/default/vendors/daterangepicker/daterangepicker.min.css">
    <link rel="stylesheet" href="/assets/default/vendors/select2/select2.min.css">
    <link rel="stylesheet" href="/assets/default/vendors/bootstrap-tagsinput/bootstrap-tagsinput.min.css">
@endpush
<div class="container">
    <div class="row">
        <div class="col-12 mt-3">
            <input type="hidden" name="capacity" value=""/>

            {{-- <div class="row mb-3">
            <div class="col-md-6">
                <label class="form-label">{{ trans('public.capacity') }}</label>
                <input type="number" name="capacity" value="{{ (!empty($webinar) and !empty($webinar->capacity)) ? $webinar->capacity : old('capacity') }}" class="form-control @error('capacity') is-invalid @enderror" placeholder="{{ trans('forms.capacity_placeholder') }}"/>
                @error('capacity')
                <div class="invalid-feedback">
                    {{ $message }}
                </div>
                @enderror
                <p class="text-muted mt-2 small">{{ trans('forms.empty_means_unlimited') }}</p>
            </div>
        </div> --}}

            <div class="row mt-3">
                @if ($webinar->isWebinar())
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label">{{ trans('public.start_date') }}</label>
                            <div class="input-group">
                                <span class="input-group-text" id="dateInputGroupPrepend">
                                    <i data-feather="calendar" width="18" height="18" class="text-white"></i>
                                </span>
                                <input type="text" name="start_date"
                                    value="{{ (!empty($webinar) and $webinar->start_date) ? dateTimeFormat($webinar->start_date, 'Y-m-d H:i', false, false, $webinar->timezone) : old('start_date') }}"
                                    class="form-control @error('start_date') is-invalid @enderror datetimepicker"
                                    aria-describedby="dateInputGroupPrepend" />
                                @error('start_date')
                                    <div class="invalid-feedback">
                                        {{ $message }}
                                    </div>
                                @enderror
                            </div>
                        </div>
                    </div>
                @endif
                <div class="row mb-3">
                    <div class="col-md-2">
                        <label class="form-label">{{ trans('public.category') }}</label>
                        <select id="categories" class="form-select @error('category_id') is-invalid @enderror"
                            name="category_id" required>
                            <option {{ (!empty($webinar) and !empty($webinar->category_id)) ? '' : 'selected' }}
                                disabled>
                                {{ trans('public.choose_category') }}</option>
                            @foreach ($categories as $category)
                                @if (!empty($category->subCategories) and $category->subCategories->count() > 0)
                                    <optgroup label="{{ $category->title }}">
                                        @foreach ($category->subCategories as $subCategory)
                                            <option value="{{ $subCategory->id }}"
                                                {{ (!empty($webinar) and $webinar->category_id == $subCategory->id or old('category_id') == $subCategory->id) ? 'selected' : '' }}>
                                                {{ $subCategory->title }}</option>
                                        @endforeach
                                    </optgroup>
                                @else
                                    <option value="{{ $category->id }}"
                                        {{ (!empty($webinar) and $webinar->category_id == $category->id or old('category_id') == $category->id) ? 'selected' : '' }}>
                                        {{ $category->title }}</option>
                                @endif
                            @endforeach
                        </select>
                        @error('category_id')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                    <div class="col-md-2">
                        <label class="form-label">{{ trans('public.duration') }}
                            ({{ trans('public.minutes') }})</label>
                        <div class="input-group">
                            <span class="input-group-text" id="timeInputGroupPrepend">
                                <i data-feather="clock" width="18" height="18" class="text-white"></i>
                            </span>
                            <input type="text" name="duration"
                                value="{{ (!empty($webinar) and !empty($webinar->duration)) ? $webinar->duration : old('duration') }}"
                                class="form-control @error('duration') is-invalid @enderror" />
                            @error('duration')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="mb-3 {{ !empty($webinarCategoryFilters) && count($webinarCategoryFilters) ? '' : 'd-none' }}"
                    id="categoriesFiltersContainer">
                    <span class="form-label">{{ trans('public.category_filters') }}</span>
                    <div id="categoriesFiltersCard" class="row mt-3">
                        @if (!empty($webinarCategoryFilters) && count($webinarCategoryFilters))
                            @foreach ($webinarCategoryFilters as $filter)
                                <div class="col-12 col-md-3">
                                    <div class="webinar-category-filters">
                                        <strong
                                            class="category-filter-title d-block mb-2">{{ $filter->title }}</strong>

                                        @php
                                            $webinarFilterOptions = $webinar->filterOptions
                                                ->pluck('filter_option_id')
                                                ->toArray();
                                            if (!empty(old('filters'))) {
                                                $webinarFilterOptions = array_merge(
                                                    $webinarFilterOptions,
                                                    old('filters'),
                                                );
                                            }
                                        @endphp

                                        @foreach ($filter->options as $option)
                                            <div class="form-check form-switch d-flex align-items-center mb-2">
                                                <input type="checkbox" name="filters[]" value="{{ $option->id }}"
                                                    {{ in_array($option->id, $webinarFilterOptions) ? 'checked' : '' }}
                                                    class="form-check-input me-2"
                                                    id="filterOptions{{ $option->id }}">
                                                <label class="form-check-label text-muted"
                                                    for="filterOptions{{ $option->id }}">{{ $option->title }}</label>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>

                @if ($webinar->isWebinar() and getFeaturesSettings('timezone_in_create_webinar'))
                    @php
                        $selectedTimezone = getGeneralSettings('default_time_zone');

                        if (!empty($webinar->timezone)) {
                            $selectedTimezone = $webinar->timezone;
                        } elseif (!empty($authUser) and !empty($authUser->timezone)) {
                            $selectedTimezone = $authUser->timezone;
                        }
                    @endphp

                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('update.timezone') }}</label>
                            <select name="timezone" class="form-select select2" data-allow-clear="false">
                                @foreach (getListOfTimezones() as $timezone)
                                    <option value="{{ $timezone }}"
                                        @if ($selectedTimezone == $timezone) selected @endif>
                                        {{ $timezone }}</option>
                                @endforeach
                            </select>
                            @error('timezone')
                                <div class="invalid-feedback">
                                    {{ $message }}
                                </div>
                            @enderror
                        </div>
                    </div>
                @endif

                @if (!empty(getFeaturesSettings('course_forum_status')))
                    <div class="row mb-3">
                        <div class="col-md-6 d-flex align-items-center">
                            <label class="form-label me-3" for="forumSwitch">{{ trans('update.course_forum') }}</label>
                            <div class="form-check form-switch">
                                <input type="checkbox" name="forum" class="form-check-input" id="forumSwitch"
                                    {{ !empty($webinar) && $webinar->forum ? 'checked' : (old('forum') ? 'checked' : '') }}>
                                <label class="form-check-label" for="forumSwitch"></label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <p class="small text-muted">- {{ trans('update.panel_course_forum_hint') }}</p>
                        </div>
                    </div>
                @endif

                <div class="row mb-3">
                    <div class="col-md-6 d-flex align-items-center">
                        <div class="form-check form-switch me-3">
                            <input type="checkbox" name="support" class="form-check-input" id="supportSwitch"
                                {{ (!empty($webinar) && $webinar->support or old('support') == 'on') ? 'checked' : '' }}>
                            <label class="form-check-label" for="supportSwitch"></label>
                        </div>
                        <label class="form-label" for="supportSwitch">{{ trans('webinars.support') }}</label>
                    </div>
                </div>

                @if (!empty(getCertificateMainSettings('status')))
                    <div class="row mb-3">
                        <div class="col-12 d-flex align-items-center">
                            <div class="form-check form-switch me-3">
                                <input type="checkbox" name="certificate" class="form-check-input"
                                    id="certificateSwitch"
                                    {{ (!empty($webinar) && $webinar->certificate or old('certificate') == 'on') ? 'checked' : '' }}>
                                <label class="form-check-label" for="certificateSwitch"></label>
                            </div>
                            <label class="form-label"
                                for="certificateSwitch">{{ trans('update.include_certificate') }}</label>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-12">
                            <p class="small text-muted">- {{ trans('update.certificate_completion_hint') }}</p>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div id="certificateTemplateContainer">
                            <div class="row">
                                @include('admin.certificates.certificate_template_selection')
                            </div>
                        </div>
                    </div>
                @endif



                <div id="partnerInstructorInput"
                    class="row mb-3 {{ (!empty($webinar) && $webinar->partner_instructor or old('partner_instructor') == 'on') ? '' : 'd-none' }}">
                    <div class="col-md-6">
                        <label class="form-label">{{ trans('public.select_a_partner_teacher') }}</label>
                        <select name="partners[]"
                            class="form-select panel-search-user-select2 @error('partners') is-invalid @enderror"
                            multiple data-search-option="just_teachers"
                            data-placeholder="{{ trans('public.search_instructor') }}">
                            @if (!empty($webinar->webinarPartnerTeacher))
                                @foreach ($webinar->webinarPartnerTeacher as $partnerTeacher)
                                    <option selected value="{{ $partnerTeacher->teacher->id }}">
                                        {{ $partnerTeacher->teacher->full_name }}</option>
                                @endforeach
                            @endif
                        </select>
                        <div class="text-muted small mt-1">{{ trans('admin/main.invited_instructor_hint') }}</div>
                        @error('partners')
                            <div class="invalid-feedback">
                                {{ $message }}
                            </div>
                        @enderror
                    </div>
                </div>

            </div>
        </div>


    </div>
    @push('scripts_bottom')
        <script src="/assets/default/vendors/select2/select2.min.js"></script>
        <script src="/assets/default/vendors/moment.min.js"></script>
        <script src="/assets/default/vendors/daterangepicker/daterangepicker.min.js"></script>
        <script src="/assets/default/vendors/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>
    @endpush