@extends('layouts.app')
@section('title', trans('menu.exam_title'))
@section('page-styles')
<style>
    .sort-deadline{
        display: none !important;
    }
</style>
@stop
@section('content')

    <div class="content">

         <div class="tabs-underline">
            <a href="{{route('exam.index')}}" class="tabs-btn-underline {{ isActive('exam.index') ? 'active' : '' }}">{{ __('exams.my_exams') }}</a>

            <a href="{{route('settings.exam.reviews.index')}}" class="tabs-btn-underline {{ isActive('settings.exam.reviews.index') ? 'active' : '' }}">{{trans('exams.review_exam_title')}}</a>

        </div>

        <x-content.header title="{{ __('exams.exams') }}" />
        <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
            <thead>
                <tr>
                    <th scope="col">{{trans("tables.subject_title")}}</th>
                    {{-- <th scope="col">Date</th> --}}
                    <th scope="col">{{trans("tables.deadline_title")}}</th>
                    <th scope="col">{{trans("tables.question_title")}}</th>
                    <th scope="col">{{trans("tables.attendance_title")}}</th>
                    <th scope="col">{{trans("tables.status_title")}}</th>
                    <th scope="col">{{trans("tables.action_title")}}</th>
                </tr>
            </thead>
        </table>
    </div>

@stop
@section("filters")
    @include('exam::layouts.filters')
@stop
@section('footer-script')
    <script type="text/javascript">

        var url_segment = "{{(request()->has('user_id') ? '?user_id='.request()->get('user_id'): '')}}";

        PDDataTable({
            url: "{{route('settings.exam.reviews.index')}}" + url_segment,
            columns:[
                { data: 'subject', name: 'subject'},
                // { data: 'date', name: 'date'},
                { data: 'deadline', name: 'deadline'},
                { data: 'questions', name: 'questions', className : "text-center"},
                { data: 'attendance', name: 'attendance', className : "text-center"},
                { data: 'status', name: 'status', className : "text-center"},
                { data: 'action', name: 'action', orderable: false, searchable : false, className : "text-right" }
            ],
            order : [1, 'asc']
        });
    </script>
@stop