@extends('layout.default')
@section('page_toolbar')
    &nbsp;<a class="btn btn-success px-2 font-weight-bold btn-sm" href="{{ URL::previous() }}">
        <i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
    </a>
@endsection
@section('content')

    <div class="row">
        
        <div class="col-12 my-5">
            
            <!--begin::Nav Panel Widget 2-->
            
            <!--begin::Content-->
            <div class="card card-custom">
                <div class="card-body" style="overflow: auto" id="tb-report">
                    <div class="no-data">
                        <h5 class="text-dark my-2 mr-5 text-center">
                            Select the year, then class, and then you'll be able to view the quiz data (green = 100-75%,
                            amber = 74-50%, red = 49-0%) </h5>
                    </div>
                    <div class="no-results" style='display:none;'>
                        <h5 class="text-dark my-2 mr-5 text-center">
                            No results to display </h5>
                    </div>

                    <div class="search-div" style="display: none;">
                        <div class="row align-items-center">
                            <div class="col-lg-12 col-xl-12">
                                <div class="row align-items-start">
                                    <div class="col-md-4 my-2 my-md-0">
                                        <div class="input-icon">
                                            <input type="text" class="form-control search" placeholder="Search..."
                                                   id="search-box">
                                            <input type="hidden" value="name-asc" class="form-control" id="sort-box">
                                            <span class="inputspan"><button onclick="tableLoad()"
                                                                            class="btn btn-info btn-sm"><i
                                                        class="flaticon2-search-1"></i></button></span>
                                        </div>
                                    </div>
                                    <div class="col-md-6 align-items-right">
                                        <button
                                            class="btn btn-primary buttons-excel buttons-html5 btn-info px-2 mt-1 font-weight-bold btn-sm quiz-export"
                                            type="button" onclick="exportQuizTrackerReport()"><span><i
                                                    class="fas fa-download" aria-hidden="true"></i> Export</span>
                                        </button>
                                    </div>
                                    <!-- <div class="col-md-2 align-items-right">
                                        <button
                                            class="btn btn-primary px-2 mt-1 ml-15 font-weight-bold btn-sm prev-data" type="button" ><span> Show last year data</span>
                                        </button>
                                        <button
                                            class="btn btn-primary px-2 mt-1 font-weight-bold btn-sm back-data" type="button" ><span> <i class="fas fa-angle-double-left" aria-hidden="true"></i> Show current year data</span>
                                        </button>
                                    </div> -->


                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="video_track" style="display: none">
                    </div>
                </div>
            </div>
        </div>
        @include('layout.bottom-ads')
    </div>
@endsection


@section('styles')
    <link href="{{ url('plugins/custom/datatables/datatables.bundle.css?v=7.0.6')}}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css"/>

@section('scripts')
    <script src="{{ url('plugins/custom/datatables/datatables.bundle.js?v=7.0.6')}}"></script>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.js"></script>
    <script>
        var table;
        var class_ids = [];
        var subject_ids = [1];
        var sort = 'name-asc';
        var batch = 0;
        var prev_data = 0;

        $(function () {