@extends('frontend.' . auth()->user()->role . '-dashboard.layouts.master')

@section('dashboard-contents')
    <div class="dashboard__content-wrap">

        <div class="dashboard__content-title d-flex justify-content-between">
            <h4 class="title">{{ __('Create Course') }}</h4>
        </div>
        <div class="row">
            <div class="col-12">
                @include('frontend.instructor-dashboard.course.navigation')
                <div class="instructor__profile-form-wrap">
                    <form action="{{ proute('courses.update') }}" class="instructor__profile-form course-form">
                        @csrf
                        <input type="hidden" name="course_id" id="" value="{{ $courseId }}">
                        <input type="hidden" name="step" id="" value="2">
                        <input type="hidden" name="next_step" value="3">

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-grp">
                                    <label for="capacity">{{ __('Capacity') }} <code></code></label>
                                    <input id="capacity" name="capacity" type="text" value="{{ $course?->capacity }}">
                                    <code>{{ __('leave blank for unlimited') }}</code>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-grp">
                                    <label for="course_duration">{{ __('Course Duration (Minutes)') }}
                                        <code>*</code></label>
                                    <input id="course_duration" name="course_duration" type="text"
                                        value="{{ $course?->duration }}">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <p>{{ __('Q&A') }}</p>
                                </div>
                                <div class="col-md-6">
                                    <div class="switcher ms-3">
                                        <label for="toggle-0">
                                            <input type="checkbox" @checked($course?->qna == 1) id="toggle-0"
                                                value="1" name="qna" />
                                            <span><small></small></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <p>{{ __('Completion Certificate') }}</p>
                                </div>
                                <div class="col-md-6">
                                    <div class="switcher ms-3">
                                        <label for="toggle-1">
                                            <input type="checkbox" @checked($course?->certificate == 1) id="toggle-1"
                                                value="1" name="certificate" />
                                            <span><small></small></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="row d-none">
                                <div class="col-md-6 ">
                                    <p>{{ __('Downloadable') }}</p>
                                </div>
                                <div class="col-md-6">
                                    <div class="switcher ms-3">
                                        <label for="toggle-2">
                                            <input type="checkbox" @checked($course?->downloadable == 1) id="toggle-2"
                                                value="1" name="downloadable" />
                                            <span><small></small></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <p>{{ __('Patner instructor') }}</p>
                                </div>
                                <div class="col-md-6">
                                    <div class="switcher ms-3">
                                        <label for="toggle-3">
                                            <input class="partner_instructor_btn" @checked($course?->partner_instructor == 1)
                                                value="1" type="checkbox" id="toggle-3" name="partner_instructor" />
                                            <span><small></small></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div
                                    class="partner_instructor_list {{ $course?->partner_instructor == 0 ? 'd-none' : '' }}">
                                    <label for="cpacity">{{ __('Select a partner instructor') }} <code></code></label>
                                    <select class="select2 partner_instructor_select form-select" name="partner_instructors[]"
                                        multiple="multiple">
                                        @foreach ($course?->partnerInstructors as $instructor)
                                            <option value="{{ $instructor->instructor->id }}" selected="selected">
                                                {{ $instructor?->instructor->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>

                            <div class="col-md-12 mt-2">
                                <div class="from-group">
                                    <label for="category">{{ __('Category') }}<span class="text-danger">*</span></label>
                                    <select class="select2 form-select category" name="category">
                                        <option value="">{{ __('Select') }}</option>
                                        @foreach ($categories as $category)
                                            @if ($category->subCategories->isNotEmpty())
                                                <optgroup label="{{ $category->translation?->name }}">
                                                    @foreach ($category->subCategories as $subCategory)
                                                        <option @selected($course?->category_id == $subCategory->id) value="{{ $subCategory->id }}">
                                                            {{ $subCategory->translation?->name }}
                                                        </option>
                                                    @endforeach
                                                </optgroup>
                                            @endif
                                        @endforeach
                                    </select>
                                    @error('category')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            

                            <div class="filter-holder">
                                <div class="row mb-3">
                                    <div class="col-md-4 mb-3">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title">{{ __('Level') }}</h5>
                                                @php
                                                    $courseLevel = $course->levels->pluck('level_id')->toArray();
                                                    $courseLanguage = $course->languages
                                                        ->pluck('language_id')
                                                        ->toArray();
                                                    $courseFilterOption = $course->filtersOptions
                                                        ->pluck('filter_option_id')
                                                        ->toArray();
                                                @endphp
                                                @foreach ($levels as $level)
                                                    <div class="form-group">
                                                        <div class="form-check">
                                                            <input class="form-check-input"
                                                                {{ in_array($level->id, $courseLevel) ? 'checked' : '' }}
                                                                name="levels[]" type="checkbox"
                                                                value="{{ $level->id }}"
                                                                id="language-{{ $level->id }}">
                                                            <label class="form-check-label"
                                                                for="language-{{ $level->id }}">
                                                                {{ $level->translation?->name }}
                                                            </label>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="card">
                                            <div class="card-body">
                                                <h5 class="card-title">{{ __('Language') }}</h5>
                                                @foreach ($languages as $language)
                                                    <div class="form-group">
                                                        <div class="form-check">
                                                            <input class="form-check-input"
                                                                {{ in_array($language->id, $courseLanguage) ? 'checked' : '' }}
                                                                name="languages[]" type="checkbox"
                                                                value="{{ $language->id }}"
                                                                id="checkbox{{ $language->id }}">
                                                            <label class="form-check-label"
                                                                for="checkbox{{ $language->id }}">
                                                                {{ $language->name }}
                                                            </label>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <div>
                                <button class="btn btn-primary" type="submit">{{ __('Save') }}</button>
                            </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('frontend/js/default/courses.js') }}"></script>
@endpush