@extends('layouts.admin')
@section('content')
@php
    $next_question = $question_number + 1;
    $prev_question = $question_number - 1;
    $total_questions = $result_test['total_questions'];
    $i = 0;
    $k = 0;
@endphp
<div class="container">
    <div class="row">
        <div class="col-sm-4 mb-5">
            <div class="row surround">
                <div class="col-sm-12">
                    <div class="btn-group" onclick="previewTest('{{$result_test['id']}}')">
                        <a href="javascript:void(0)" class="btn btn-warning btn-square shadow btn-sm mb-2 font-weight-bold">
                            Preview Test
                        </a>
                        <a href="javascript:void(0)" class="btn btn-outline-warning btn-square shadow btn-sm mb-2">
                            <i class="fa fa-list"></i>
                        </a>
                    </div>
                    <span class="float-right">
                        {{-- <a href="" class="btn btn-danger btn-square btn-sm">Other tests</a> --}}
                    </span>
                </div>
            </div>
            <div class="card shadow">
                <div class="surround">
                    <h5>
                        {{-- <small>{{$class_name}}: {{$subject_name}}</small> --}}
                    </h5>
                    <h6 class="up-space text-muted text-uppercase">
                        <small>Questions:</small>
                    </h6>
                </div>
                <div class="row no-gutters">
                    @while ($k < $result_test['total_questions'])
                        <div class="col-2" style="margin:2px">
                        @php
                            $k++;
                        @endphp
                            <a href="{{route('cbt.questions', with([$result_test['id'], $k]))}}" class="btn @if($question_number == $k) btn-primary @else btn-outline-primary @endif btn-sm w-100">{{$k}}</a>
                        </div>
                    @endwhile
                </div>
            </div>
        </div>
        <form method="POST" action="{{route('add.question')}}" class="col-sm-6">
            @csrf
            <div class="row">
                <div class="col-sm-12">
                    <input type="hidden" name="test_id" value="{{$result_test['id']}}">
                    <input type="hidden" name="question_number" value="{{$question_number}}">
                    <span class="text-primary">Question {{$question_number}}</span> of <span>{{$result_test['total_questions']}}</span>
                    <span class="float-right">
                        <strong>Marks:</strong>
                        <select name="marks" id="">
                            @while ($i < 100)
                                <option @if(isset($result_question['marks']) && $result_question['marks'] == $i) selected @endif value="{{$i}}">{{$i}} marks</option>
                                @php
                                    $i++;
                                @endphp
                            @endwhile
                        </select>
                    </span>
                </div>
            </div>
            <div class="card shadow">
                <div class="row">
                    <div class="col-sm-12">
                        <textarea name="textual_question" required class="form-control" rows="5">@if(isset($result_question['question']) && $result_question['question'] != null){{$result_question['question']}}@endif</textarea>
                    </div>
                </div>
                <ul class="list-group">
                    @php
                        $i = 0;
                    @endphp
                    @while ($i < $result_test['total_options'])
                    <li class="list-group-item surround">
                        <input required value="@if(isset($result_question['options'][$i]) && $result_question['options'][$i] != null){{$result_question['options'][$i]['option']}}@endif" type="text" name="options[]" id="" placeholder="Option {{$i+1}}">
                        <label class="control control-radio radio-primary" style="display:inline">
                            <input @if(isset($result_question['options'][$i]) && $result_question['options'][$i]['is_answer'] == 1) checked @endif type="radio" name="option" onclick="if(this.checked == true){;$('.option_answers').val('0');$(this).next('input').val('1')}else{$(this).next('input').val('0')}">
                            <input type="hidden" name="option_answers[]" class="option_answers">
                            <small class="text-primary">The Answer</small>
                            <div class="control-indicator"></div>
                        </label>
                    </li>
                    @php
                        $i++;
                    @endphp    
                    @endwhile
                </ul>
                <div class="row py-2 px-4 text-center">
                    <div class="col-sm-12">
                        <small>For sectioning or categorizing your questions <sup class="badge badge-danger">NEW</sup></small>
                    </div>
                    <div class="col-sm-12">
                        <select name="section" id="" class="btn btn-warning btn-sm">
                            <option value="">Select Question Section</option>
                            @foreach ($sections as $section)
                            <option @if($section->id == $result_question['section']['id']) selected @endif value="{{$section->id}}">{{$section->name}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-sm-12">
                        <hr style="width:70%">
                        <a target="_blank" href="{{route('admin.sections', with([$result_test['id']]))}}" class="btn btn-danger btn-sm text-white">
                            Manage Sections <i class="fa fa-cog"></i>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-4">
                        <button type="submit" class="btn btn-primary full-width btn-sm">Save</button>
                    </div>
                    <div class="col-8">
                        <span class="float-right">
                            @if ($prev_question > 0)
                                <a href="{{route('cbt.questions', with([$result_test['id'], $prev_question]))}}" class="btn btn-secondary btn-square btn-sm">&lt; Question {{$prev_question}}</a>
                            @endif
                            @if($question_number+1 <= $result_test['total_questions'])
                            <a href="{{route('cbt.questions', with([$result_test['id'], $next_question]))}}" class="btn btn-secondary btn-sm btn-square">
                                Question {{$next_question}} &gt;
                            </a>
                            @endif
                        </span>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
@endsection