@extends('layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
@push('script')
<script>  
    document.getElementById("dra-6").classList.add("active");
</script>
@endpush
@php
$is_admin = is_admin() || is_staff_master();
@endphp
<div class="page-wrapper">
    <!-- [ breadcrumb ] start -->
    <div class="breadcrumb-header justify-content-between">
        <div class="left-content">
        <h4 class="text-primary font-weight-bold py-3 mb-0">
QUESTION <span class="text-secondary">BANKS</span>
</h4>
        </div>
        <div class="justify-content-center mt-2">
            <ol class="breadcrumb breadcrumb-style3">
                <li class="breadcrumb-item tx-15"><a href="{{ route_client_master('master.exams.question-bank.index') }}"><i class="feather icon-home"></i></a></li>
                <li class="breadcrumb-item active">View Question Bank</a></li>
            </ol>
        </div>
    </div>
    <!-- [ breadcrumb ] end -->
    <!-- [ Main Content ] start -->
    <div class="row">
        <!-- DOM/Jquery table start -->
        <div class="card">
            <div class="card-body">
                <form method="GET" id="question-paper-form">
                    <div class="row col-12">
                        <div class="col-md-4 pb-3">
                            <label for="question">
                                Question ID
                                @if ($is_admin)
                                or Root Number or Sequence Number
                                @endif
                            </label>
                            <input type="number" id="question_id" name="question_id" class="form-control">
                        </div>
                        <div class="col-md-4 pb-3">
                            <label for="topic">Select Topic</label>
                            <select name="topic" id="topic" class="form-control">
                                <option value="">-- Select Topic --</option>
                                @foreach ($topics as $key => $values)
                                     <option {{request()->get('topic') == $key ? 'selected' : ''}} value="{{$key}}">{{$values}}</option>
                                @endforeach

                            </select>
                        </div>
                        <div class="col-md-4 pb-3">
                            <label for="level">Difficult level</label>
                            <select name="difficulty_level" id="difficulty_level" class="form-control">
                                <option value="">-- Select level --</option>
                                <option {{request()->get('difficulty_level') == 'easy' ? 'selected' : ''}} value="easy">Easy</option>
                                <option {{request()->get('difficulty_level') == 'medium' ? 'selected' : ''}} value="medium">Medium</option>
                                <option {{request()->get('difficulty_level') == 'hard' ? 'selected' : ''}} value="hard">Hard</option>

                            </select>
                        </div>

                        <div class="col-md-4 pb-3">
                            <label for="level">Verified/ Unverified</label>
                            <select name="verify" id="verify" class="form-control">
                                <option value=>-- Select level --</option>
                                <option {{request()->get('verify') == '1' ? 'selected' : ''}} value="1">Verified</option>
                                <option {{request()->get('verify') == '0' ? 'selected' : ''}} value="0">Unverified</option>
                            </select>
                        </div>


                        <div class="col-md-4 pb-3">
                            <label for="type">Question Type</label>
                            <select name="question_type" id="question_type" class="form-control">
                                @foreach ($question_type as $key => $values)
                                <option {{request()->get('question_type') == $key ? 'selected' : ''}} value="{{$key}}">{{$values}}</option>
                                @endforeach

                            </select>
                        </div>
                        <div class="col-md-4" style="padding-top: 1.6rem">
                            <button type="submit" class="btn btn-primary float-right search"><i class="fa fa-search"></i> Search</button>
                            <button class="btn btn-secondary float-right reset"><i class="fa fa-times"></i> Reset</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
                @include('common.alert')
        <div class="col-sm-12">
            <div class="card">
                <div class="card-header">
                    <a href="{{ route_client_master('master.exams.question-bank.create',['slug' => $subject->slug]) }}" class="btn btn-primary float-right search">Create</a>
                </div>
                <div class="card-body">
                    <div class="table-responsive export-table">
                        <table id="fieExportDataTable" class="table table-bordered text-nowrap key-buttons border-bottom">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    @if ($is_admin)
                                    <th>Root Number</th>
                                    <th>Sequence Number</th>
                                    @endif
                                    <th>Subject</th>
                                    <th>Topic</th>
                                    <!-- <th>Attributes</th> -->
                                    <th>Type</th>
                                    <th>Marks</th>
                                    <th>Difficulty</th>
                                    <th>CreatedBy</th>
                                    <!-- <th>VerifiedBy</th>
                                    <th>EmployeeID</th> -->
                                    <th>Status</th>
                                    <th>Verification status</th>
                                    <th>Verification</th>
                                    <th></th>
                                    <!-- <th>Action</th> -->
                                    <th>Active/Deactive</th>
                                    <!-- @if ($is_admin) -->
                                    <!-- <th>Verify</th>  -->
                                    <!-- <th>Status</th> -->
                                    @endif
                                </tr>
                            </thead>
                            <tbody>
                                @if(count($data) > 0)

                                @foreach ($data as $value)
                                <tr>
                                    <td>{{ $value->question_id }}</td>
                                    @if ($is_admin)
                                    <td>{{ $value->root_number }}</td>
                                    <td>{{ $value->sequence_number }}</td>
                                    @endif
                                    <td>{{ $value->subject_title }}</td>
                                    <td>{{ $value->topic_name }}</td>
                                    <!-- <td>@php echo \App\Helpers\CommonHelper::attributesNames($value->attributes); @endphp</td> -->
                                    <td>{{ \App\QuestionBank::getSelectQuestionType($value->question_type) }}</td>
                                    <td>{{ $value->marks }}</td>
                                    <td>{{ \App\QuestionBank::getSelectDifficultyLevel($value->difficulty_level) }}</td>
                                    <td>{{ $value->getCreatedBy() }}</td>
                                    <!-- <td>{{ $value->verified_employe_id }}</td>
                                    <td>{{ $value->employee_id }}</td> -->
                                    <td>{{ ($value->status == 1)?"Activated":"Deactivated" }}</td>
                                    <td>{{ ($value->verified == 0)?"Unverified":"Verified" }}</td>
                                    <td>
                                        @if($value->verified == 0)
                                        <a href="{{ route_client_master('master.exams.question.verify_question', $value->id) }}"class="btn btn-success float-right search {{($value->status == 0) ? '' : 'disabled'}}">Verify</a>
                                        @else
                                        <a href="{{ route_client_master('master.exams.question.verify_question', $value->id) }}" class="btn btn-danger float-right search {{($value->status == 0) ? '' : 'disabled'}}">Unverify</a>
                                        @endif

                                    </td>
                                    <td>
                                        <div class="btn-icon-list btn-list justify-content-around">
                                            <a href="{{ route_client_master('master.exams.question.preview', $value->id) }}" class="btn btn-circle-lg btn-primary-light flex-center"><i class="si si-eye"></i></a>
                                            <a href="{{ route_client_master('master.exams.question-bank.edit', $value->id) }}" class="btn btn-circle-lg btn-primary-light flex-center"><i class="fe fe-edit tx-16"></i></a>
                                            <form action="{{ route_client_master('master.exams.question-bank.destroy', $value->id) }}" method="POST" class="delete">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-circle-lg btn-danger flex-center"><i class="fe fe-trash tx-16"></i></button>
                                            </form>
                                        </div>
                                    </td>
                                    <td>
                                        @if($value->status == 1)
                                        <a href="{{ route_client_master('master.exams.question.active', $value->id) }}" class="btn btn-outline-danger btn-rounded" {{($value->verified == 1) ? '' : 'disabled'}}">Deactive</a>
                                        @else
                                        <a href="{{ route_client_master('master.exams.question.active', $value->id) }}" class="btn btn-outline-success btn-rounded" {{($value->verified == 1) ? '' : 'disabled'}}">Active</a>
                                        @endif
                                    </td>
                    </div>

                    <!-- <td>{{ $value->question_id }}</td>
                                    @if ($is_admin)
                                    <td>{{ $value->root_number }}</td>
                                    <td>{{ $value->sequence_number }}</td>
                                    @endif -->
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td>No data</td>
                    </tr>
                    @endif
                    </tbody>

                    </table>
                </div>
            </div>
            {{-- Pagination --}}
							 <!-- <div class="row">
								<div class="col-sm-12 col-md-12">
                                <div class="dataTables_paginate paging_simple_numbers" id="dt-ajax-array_paginate">
                                        {!! $data->appends(Request::all())->links() !!}
									</div>
								</div>
							</div> -->
                           
        </div>
    </div>
    <!-- DOM/Jquery table end -->
</div>
<!-- [ Main Content ] end -->
</div>
@endsection
@section('script')
<!-- Internal Data tables -->
<script src="{{ asset('assets/vidiyal/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/js/dataTables.bootstrap5.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/js/dataTables.buttons.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/js/buttons.bootstrap5.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/js/jszip.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/pdfmake/pdfmake.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/pdfmake/vfs_fonts.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/js/buttons.html5.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/js/buttons.print.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/js/buttons.colVis.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/dataTables.responsive.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/plugins/datatable/responsive.bootstrap5.min.js') }}"></script>
		<script src="{{ asset('assets/vidiyal/js/table-data.js') }}"></script>
<script>
    $('.reset').on('click', function(e) {
        // $('#form').trigger("reset");
        $('#topic').val('');
        $('#question_id').val('');
        $('#difficulty_level').val('');
        $('#verify').val('');
        $('#question_type').val('');
    });
    $(document).ready(function() {
        $(function() {

            $.validator.addMethod("validation_question_paper", function(value, element) {
                return this.optional(element) || /^[0-9]+$/i.test(value);
            }, "Please enter alphabets - . and space only");



            // [ Initialize validation ] start
            $('#question-paper-form').validate({
                ignore: '.ignore, .select2-input',
                focusInvalid: false,
                rules: {

                    'question_id': {
                        validation_question_paper: true,
                    },

                    // Checkbox groups  //
                },

                // Errors //

                errorPlacement: function errorPlacement(error, element) {
                    var $parent = $(element).parents('.form-group');

                    // Do not duplicate errors
                    if ($parent.find('.jquery-validation-error').length) {
                        return;
                    }

                    $parent.append(
                        error.addClass('jquery-validation-error small form-text invalid-feedback')
                    );
                },
                highlight: function(element) {
                    var $el = $(element);
                    var $parent = $el.parents('.form-group');

                    $el.addClass('is-invalid');


                },
                unhighlight: function(element) {
                    $(element).parents('.form-group').find('.is-invalid').removeClass('is-invalid');
                }
            });

        });
    });
 
</script>
<script>
  $(document).ready(function(){
    $('#fieExportDataTable_wrapper .row:first-child div:first-child').addClass('d-flex align-items-center gap-2 flex-wrap');
});


</script>
@endsection