@extends('web.layouts.container')
@section('css')
    <link rel="stylesheet" href="{{ asset('assets/web/css/lib/toastr.css') }}" />
@endsection
@section('content')
    <section class="quiz_add_content tab-wrapper">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-12">
                    <div class="quiz_content">
                        <div class="ques_add">
                            <form class="form edit_test_form" action="{{route('instructor.doEditTest', $test->id)}}" method="post">
                                @csrf()
                                <div class="row">
                                    <div class="form-group col-md-12">
                                        <label>{{ meta('test_type', getCurrentLocale()) ?? __('electronicTests.test_type') }} </label>
                                        <select name="test_type" class="form-control custom-select">
                                            <option value="">{{ __('electronicTests.test_type') }}</option>
                                            <option {{$test->test_type == 'course_test' ? 'selected' : ''}} value="course_test">{{__('electronicTests.course_test')}}</option>
                                            <option {{$test->test_type == 'duty' ? 'selected' : ''}} value="duty">{{__('electronicTests.duty')}}</option>
                                        </select>
                                    </div>
                                    <div class="form-group course_container col-md-12">
                                        <label>{{ meta('course_id', getCurrentLocale()) ?? __('electronicTests.course_id') }} </label>
                                        <select name="course_id" class="form-control {{ $errors->has('course_id') ? 'is-invalid' : '' }}  custom-select">
                                            @foreach($courses as $course)
                                                <option {{$courseId == $course->id ? 'selected' : ''}} value="{{$course->id}}">{{$course->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="form-group col-lg-12 lecture_container d-none">
                                        <label>{{ meta('lecture_id', getCurrentLocale()) ?? __('electronicTests.lecture_id') }} </label>
                                        <select name="lecture_id" class="form-control custom-select">
                                            <option value="">{{ __('electronicTests.lecture_id') }}</option>
                                            @if(count($lectures))
                                                @foreach($lectures as $lecture)
                                                    <option value="{{$lecture->id}}">{{$lecture->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="select_lesson ">
                                    <h5>تفاصيل الاختبار </h5>
                                    <div class="form-group mt-3">
                                        <p>اسم الأختبار </p>
                                        <input type="text" name="name" class="input_ques" placeholder="أكتب هنا ... " value="{{$test->name}}">
                                    </div>
                                    <div class="form-group mt-3">
                                        <p>مده الأختبار </p>
                                        <input type="number" min="1" name="test_time" class="input_ques" placeholder="أكتب هنا ... " value="{{$test->test_time/60}}">
                                    </div>
                                    <!------------- new ------------>
                                    <div class="form-group mt-3">
                                        <p>رفع صوره الأختبار </p>
                                        <div class="add_img apload_car_parts col-12 p-0 form-group">
                                            <div class="items_part">
                                                <div class="input-field">
                                                    <div class="input-images">
                                                    </div>
                                                    <img src="{{ asset('assets/web/images/upload.png') }}" alt="" class="icon">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--<div class="form-group up_group">-->
                                    <!--    <p>رفع صوره الأختبار </p>-->
                                    <!--    <input type="file" name="image" class="file">-->
                                    <!--    <input type="hidden" name="has_image" value="true">-->
                                <!--    <img style="width: 100px" src="{{asset($test->image)}}" alt="">-->
                                    <!--    <div class="input-group">-->
                                    <!--        <span class="input-group-append">أضغط لرفع الصوره </span>-->
                                    <!--        <input type="text" class="input_ques" disabled placeholder="Upload File" aria-label="Upload File" aria-describedby="basic-addon1">-->
                                    <!--    </div>-->
                                    <!--</div>-->
                                    <div class="form-group mt-3">
                                        <input type="submit" class="butn color w-100 text-light btn-sm btn-block edit_test_button" value="حفظ">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="container">
        @if(count($questions))
            @foreach($questions as $questionKey => $question)
                <div class="card my-5 deleted_container">
                    <div class="card-body">
                        <form action="{{route('instructor.doEditQuestionTest', $question->id)}}" method="post">
                            @if($question->type == 'question_with_text')
                                <div class="d-flex justify-content-end">
                                    <span class="delete_question cls" data-question="{{$question->id}}">
                                        <i class="fas fa-times"></i>
                                    </span>
                                </div>
                                <h5>{{__('electronicTestQuestions.'.$question->type)}}</h5>
                                <div class="form-group">
                                    <p>نص السؤال</p>
                                    <input type="text" name="question" class="form-control" placeholder="أكتب هنا ... " value="{{$question->question}}">
                                </div>
                                <div class="add_answers ">
                                    <p>الأجابات</p>
                                    @foreach($question->answers['answers'] as $key => $answer)
                                        <div class="custom-control custom-radio mb-3 my_answer">
                                            <input {{$question->answers['right_answer'] == ($key+1) ? 'checked' : ''}} type="radio" id="ans_{{($questionKey+1).'_'.($key+1)}}" value="{{($key+1)}}" name="right_answer" class="custom-control-input">
                                            <label class="custom-control-label d-flex align-items-center" for="ans_{{($questionKey+1).'_'.($key+1)}}">
                                                <input type="text" name="answers[]" class="form-control" placeholder="أضف الإجابة" value="{{$answer}}">
                                                <a href="#" class="text-danger delete_answer_link mr-2"><i class="fas fa-times fa-2x"></i></a>
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="form-group mb-3">
                                    <a href="#" class="btn btn-success btn-block btn-sm text-white add_answer_link"><i class="fa fa-plus"></i></a>
                                </div>
                                <div class="add_how_answer mt-4">
                                    <h5>{{ __('electronicTestQuestions.solve_method') }}</h5>
                                    <div class="form-group mt-3">
                                        <p>{{ __('electronicTestQuestions.add_video_link') }}</p>
                                        <input type="url" name="question_solve_video" class="form-control" placeholder="أكتب هنا ... " value="{{$question->question_solve_video}}">
                                    </div>
                                    <div class="form-group up_group">
                                        <p>{{ __('electronicTestQuestions.upload_image') }}</p>
                                        <input type="file" name="question_solve_image" class="file">
                                        <img src="{{asset($question->question_solve_image)}}" alt="">
                                        <div class="input-group">
                                            <span class="input-group-append">أضغط لرفع الصوره </span>
                                            <input type="text" class="input_ques" disabled placeholder="Upload File" aria-label="Upload File" aria-describedby="basic-addon1">
                                        </div>
                                    </div>
                                </div>
                            @endif
                            @if($question->type == 'question_with_image')
                                <div class="d-flex justify-content-end">
                                        <span class="delete_question cls" data-question="{{$question->id}}">
                                            <i class="fas fa-times"></i>
                                        </span>
                                </div>
                                <h5>{{__('electronicTestQuestions.'.$question->type)}}</h5>
                                <div class="form-group col-lg-12">
                                    <label>{{ __('electronicTestQuestions.question_image') }} </label>
                                    <div class="form-group up_group">
                                        <input type="file" name="question" class="file">
                                        <img src="{{asset($question->question)}}" alt="">
                                        <div class="input-group">
                                            <span class="input-group-append">أضغط لرفع الصوره </span>
                                            <input type="text" class="input_ques" disabled placeholder="Upload File" aria-label="Upload File" aria-describedby="basic-addon1">
                                        </div>
                                    </div>
                                </div>
                                <div class="add_answers">
                                    <p>الأجابات</p>
                                    @foreach($question->answers['answers'] as $key => $answer)
                                        <div class="custom-control custom-radio mb-3 my_answer">
                                            <input {{$question->answers['right_answer'] == ($key+1) ? 'checked' : ''}} type="radio" id="ans_{{($questionKey+1).'_'.($key+1)}}" value="{{($key+1)}}" name="right_answer" class="custom-control-input">
                                            <label class="custom-control-label d-flex align-items-center" for="ans_{{($questionKey+1).'_'.($key+1)}}">
                                                <input type="text" name="answers[]" class="form-control" placeholder="أضف الإجابة" value="{{$answer}}">
                                                <a href="#" class="text-danger delete_answer_link mr-2"><i class="fas fa-times fa-2x"></i></a>
                                            </label>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="form-group mb-3">
                                    <a href="#" class="btn btn-success btn-block btn-sm text-white add_answer_link"><i class="fa fa-plus"></i></a>
                                </div>
                                <div class="add_how_answer mt-4">
                                    <h5>{{ __('electronicTestQuestions.solve_method') }}</h5>
                                    <div class="form-group mt-3">
                                        <p>{{ __('electronicTestQuestions.add_video_link') }}</p>
                                        <input type="url" name="question_solve_video" class="form-control" placeholder="أكتب هنا ... " value="{{$question->question_solve_video}}">
                                    </div>
                                    <div class="form-group up_group">
                                        <p>{{ __('electronicTestQuestions.upload_image') }}</p>
                                        <input type="file" name="question_solve_image" class="file">
                                        <img src="{{asset($question->question_solve_image)}}" alt="">
                                        <div class="input-group">
                                            <span class="input-group-append">أضغط لرفع الصوره </span>
                                            <input type="text" class="input_ques" disabled placeholder="Upload File" aria-label="Upload File" aria-describedby="basic-addon1">
                                        </div>
                                    </div>
                                </div>
                            @endif
                            <div class="form-group mt-3">
                                <input type="submit" class="btn btn-primary btn-sm btn-block edit_question_button" value="حفظ">
                            </div>
                        </form>
                    </div>
                </div>
            @endforeach
        @endif
    </div>
@endsection

@section('inner_js')
    <script src="{{ asset('assets/web/js/lib/toastr.min.js') }}"></script>
    <script>
        let getLecturesRoute = "{{route('instructor.getLectures')}}",
            deleteQuestionRoute = "{{route('instructor.deleteQuestion')}}";
    </script>
    <script src="{{asset('assets/web/js/instructors.edit_test.js')}}"></script>

    <script>

        // ------------ upload image ------------
        $('.input-images').imageUploader({
            imagesInputName: 'image',
        });
    </script>
@endsection