@extends('layout.default')

@section('page_toolbar')
<a class="btn btn-primary btn-sm mr-2" type="button" onclick="changeMode()">Change Mode</a>
<a class="btn btn-info btn-sm mr-2" type="button" onclick="filterQuestion()">Filter</a>
<a class="btn btn-success px-2 font-weight-bold btn-sm mr-2" onclick="window.history.back();">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

@section('content')
<!--begin::Content-->
<div class="card card-custom">
    <div class="card-body">
        <table class="table table-hover display" id="dataTables"  style="width:100%">
            <thead>
                <tr>
                    <th>#</th>
                    <th>No</th>
                    <th>Question</th>
                    <th width="20% !important">Question Type</th>
                    <th>Question Mode</th>
                    <th>Difficulty Level</th>
                    <th width="120px !important">Action</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<!--end::Content-->

@include('admin.questions.detail_question_modal')
{{--@include('admin.questions.filter_modal')--}}
@endsection

@section('styles')
<link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
@endsection

@section('scripts')
<script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
<script>
    var table;
    
    $(function () {