@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{ $head ?? '' }}</h3>
    </div>
    <div class="border-item">
        <form class="form-row add_form form-submit-loader" method="post" action="{{ $action }}"
              enctype="multipart/form-data">
            @if($exam ?? '' && $exam->id)
                @method('PUT')
            @endif
            @csrf

            <div class="row w-100 m-auto">
                <div class="form-group col-lg-6">
                    <label>{{ meta('type', $lang) ?? __('exams::exams.type') }}</label>
                    <select name="type"
                            class="form-control select2 {{ $errors->has('type') ? 'is-invalid' : '' }}">
                        @foreach(config('exams.types') as $type)
                            <option
                                @selected(old('type', $exam->type ?? null) == $type)
                                value="{{ $type }}">
                                {{ __("exams::exams.types.$type") }}
                            </option>
                        @endforeach
                    </select>
                </div> <!-- end of form-group -->
                <div class="form-group col-lg-6">
                    <label>{{ meta('sort', $lang) ?? __('exams::exams.sort') }}</label>
                    <input type="number" min="0"
                           class="form-control {{ $errors->has('sort') ? 'is-invalid' : '' }}"
                           name="sort"
                           placeholder="{{ meta('sort', $lang) ?? __('exams::exams.sort') }}"
                           value="{{ old('sort', $exam->sort ?? $maxSort ?? '') }}"/>
                </div>
            </div> <!-- end of row -->

            <div class="row w-100 m-auto types type-general">
                @foreach($languages as $language)
                    <div class="form-group col-lg-6">
                        <label>
                            {{ meta('title', $language->local) ?? __('exams::exams.title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }}
                        </label>
                        <input type="text"
                               class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}"
                               name="title_{{ $language->local }}"
                               placeholder="{{ meta('title', $language->local) ?? __('exams::exams.title') }}"
                               value="{{ old('title_'.$language->local, $exam[$language->local]->title ?? '') }}"/>
                    </div>
                @endforeach
            </div> <!-- end of row -->

            <div class="row w-100 m-auto types type-lesson">
                <div class="form-group col-lg-4">
                    <label>{{ meta('course_id', $lang) ?? __('exams::exams.course_id') }}</label>
                    <select name="course_id"
                            class="form-control select2 course-select {{ $errors->has('course_id') ? 'is-invalid' : '' }}"
                            data-selected-unit-id="{{ old('unit_id', $exam->unit_id ?? null) }}">
                        <option value="">{{ __('general.choose') .' '. __('exams::exams.course_id')}}</option>
                        @foreach($courses as $course)
                            <option
                                @selected(old('course_id', $exam->course_id ?? null) == $course->id)
                                value="{{ $course->id }}">
                                {{ $course->title }}
                            </option>
                        @endforeach
                    </select>
                </div> <!-- end of form-group -->
                <div class="form-group col-lg-4">
                    <label>{{ meta('unit_id', $lang) ?? __('exams::exams.unit_id') }}</label>
                    <select name="unit_id"
                            class="form-control select2 unit-select {{ $errors->has('unit_id') ? 'is-invalid' : '' }}"
                            data-selected-lesson-id="{{ old('lesson_id', $exam->lesson_id ?? null) }}">
                        <option value="">{{ __('general.choose') .' '. __('exams::exams.unit_id')}}</option>
                    </select>
                </div> <!-- end of form-group -->
                <div class="form-group col-lg-4">
                    <label>{{ meta('lesson_id', $lang) ?? __('exams::exams.lesson_id') }}</label>
                    <select name="lesson_id"
                            class="form-control select2 lesson-select {{ $errors->has('lesson_id') ? 'is-invalid' : '' }}">
                        <option value="">{{ __('general.choose') .' '. __('exams::exams.lesson_id')}}</option>
                    </select>
                </div> <!-- end of form-group -->
            </div> <!-- end of row -->

            <div class="row w-100 m-auto">
                <div class="form-group col-lg-6">
                    <label>{{ meta('total_questions', $lang) ?? __('exams::exams.total_questions') }}</label>
                    <input type="number" min="0"
                           class="form-control {{ $errors->has('total_questions') ? 'is-invalid' : '' }}"
                           name="total_questions"
                           placeholder="{{ meta('total_questions', $lang) ?? __('exams::exams.total_questions') }}"
                           value="{{ old('total_questions', $exam->total_questions ?? '') }}"/>
                </div>
                <div class="form-group col-lg-6">
                    <label>{{ meta('passing_score', $lang) ?? __('exams::exams.passing_score') }}</label>
                    <input type="number" min="0"
                           class="form-control {{ $errors->has('passing_score') ? 'is-invalid' : '' }}"
                           name="passing_score"
                           placeholder="{{ meta('passing_score', $lang) ?? __('exams::exams.passing_score') }}"
                           value="{{ old('passing_score', $exam->passing_score ?? '') }}"/>
                </div>
            </div> <!-- end of row -->

            <div class="row w-100 m-auto types type-general">
                @include('admin.partials._upload_photo', [
                    'item_value' => old('image', $exam->image ?? ''),
                    'label_name' => meta('image', getCurrentLocale()) ?? __('exams::exams.image'),
                    'input_name' => 'image',
                    'parent_class' => 'col-lg-12'
                ])
            </div> <!-- end of row -->

            @include('admin.exams::_questions')

            <div class="text-center mt-5 col-12">
                <button type="submit" class="butn add_type_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>
@endsection

@section('inner_js')
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    <script>
        var route_prefix = "{{ url(config('lfm.prefix')) }}";
        var url = "{{ url('/') }}/";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
@endsection

@push('stack_scripts')
    @include('admin.lessons::_module_script')
    @include('admin.exams::_module_script')

    <script>
        $(document).ready(function () {
            let typeSelect = $('select[name="type"]');
            $(document).on('change', 'select[name="type"]', function () {
                let type = $(this).val();
                $('.types').hide();
                $('.type-' + type).show();
            });
            typeSelect.trigger('change');
        });
    </script>
@endpush