@extends('backend.layouts.app')
@section('content')
<div class="row mx-auto">
    <div class="col-sm-8">
        <div class="card">
            <div class="card-header align-items-center d-flex">
                <h4 class="card-title mb-0 flex-grow-1">{{ translate('Edit Question Details') }}</h4>
            </div>
            <div class="card-body">
            <form action="{{route('question.update', encrypt($question->id))}}" method="POST" enctype="multipart/form-data" autocomplete="off">
                @method('PATCH')
                @csrf
                <input type="hidden" name="page" value="{{request('page')}}">
                @php
                    $value = request('exam_filter') ?? old('exam_id');
                    $school_id = request('school_filter') ?? old('school_id');
                @endphp
                @if(\Auth::user()->user_type == 'admin')
                    <div class="row mb-3">
                        <div class="col-lg-3">
                            <label for="school_id" class="form-label">Select School<span class="text-danger">*</span></label>
                        </div>
                        <div class="col-lg-9">
                            <select title="Select School" name="school_id" class="form-control rns-selectpicker" id="school_id">
                                @if($schools->isNotEmpty())
                                    @foreach ($schools as $school)
                                            <option value="{{$school->id}}" @if($school->id == $question->exam->school->id) selected @endif>{{$school->name }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                @endif
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="exam_id" class="form-label">Select Exam<span class="text-danger">*</span></label>
                    </div>
                    
                    <div class="col-lg-9">
                        <select title="Select Exam" name="exam_id" class="form-control rns-selectpicker" id="exam_id">
                            @if($exams->isNotEmpty())
                                @foreach ($exams as $exam)
                                        <option value="{{$exam->id}}" data-id="{{encrypt($exam->id)}}" @if($exam->id == $question->exam->id) selected @endif>{{$exam->title }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="exam_id" class="form-label">Select Question Category<span class="text-danger">*</span></label>
                    </div>
                    <div class="col-lg-9">
                        <select title="Select Question Category" name="question_categories_id" class="form-control rns-selectpicker" id="question_categories_id">
                            @if($exams->isNotEmpty())
                                @foreach ($categories as $category)
                                        <option value="{{$category->id}}" @if($category->id == $question->question_categories_id) selected @endif>{{$category->name }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="description" class="form-label">{{ translate('Question') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <textarea name="name" class="form-control rns-textEditor" id="description" rows="3" placeholder="Type...">{!! $question->name !!}</textarea>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="timeInput" class="form-label">Question Image</label>
                    </div>
                    <div class="col-lg-9">
                        <div class=" input-group" data-toggle="rnsuploader" data-type="image" data-multiple="true">
                            <div class="input-group-prepend">
                                <div class="input-group-text bg-soft-secondary font-weight-medium">{{translate('Browse')}}</div>
                            </div>
                            <div class="form-control file-amount">{{translate('Choose file')}}</div>
                            <input type="hidden" name="image" class="selected-files" value="{{$question->image}}">
                        </div>
                        <div class="file-preview"></div>
                    </div>
                </div>
                <x-input-component name="option_one" label="Option One" value="{{$question->option_one}}" type="text" :required="1"/>
                <x-input-component name="option_tow" label="Option Tow" value="{{$question->option_tow}}" type="text" :required="1"/>
                <x-input-component name="option_three" label="Option Three" value="{{$question->option_three}}" type="text" :required="1"/>
                <x-input-component name="option_four" label="Option Four" value="{{$question->option_four}}" type="text" :required="1"/>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="exam_id" class="form-label">Right Answer<span class="text-danger">*</span></label>
                    </div>
                    <div class="col-lg-9">
                        <select title="Select Right Answer" name="right_ans" class="form-control rns-selectpicker" id="right_ans">
                            <option value="option_one" @if($question->right_ans == 'option_one') selected @endif>Option One</option>
                            <option value="option_tow" @if($question->right_ans == 'option_tow') selected @endif>Option Tow</option>
                            <option value="option_three" @if($question->right_ans == 'option_three') selected @endif>Option Three</option>
                            <option value="option_four" @if($question->right_ans == 'option_four') selected @endif>Option Four</option>
                        </select>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="address" class="form-label">Order</label>
                    </div>
                    <div class="col-lg-9">
                        <input type="text" name="order" class="form-control" placeholder="Order" value="{{$question->order}}">
                        <span class="text-muted fs-10">Use Highest No for high priority</span>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-lg-3">
                        <label for="description" class="form-label">{{ translate('Description') }}</label>
                    </div>
                    <div class="col-lg-9">
                        <textarea name="desc" class="form-control" id="description" rows="3" placeholder="Description">{{$question->desc}}</textarea>
                    </div>
                </div>
                <div class="text-end">
                    <button type="submit" class="btn btn-primary">Update Question</button>
                </div>
            </form>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
    <script>

        $('#exam_id').on('changed.bs.select', function (e, clickedIndex, isSelected, previousValue) {
            $('#exam_filter').val($(this).val());
            $("#filter_form").submit();
        });
        $('#school_id').change(function(){
            $('#school_filter').val($(this).val());
            $("#filter_form").submit();
        });

        
    </script>
@endsection