@extends('layouts.app')
@section('title', trans('menu.exam_title'))
@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') }}">
            <x-slot:headerRight>
                @can('create exams')
                    <a href="{{route('settings.exams.create')}}" class="btn-create btn-secondary-base"><x-svg-icon icon="icon-plus" />{{trans('forms.lbl_add_new')}}</a>
                @endcan

            </x-slot:headerRight>
        </x-content.header>

        @if(Session::has('messageExam'))
            <p class="alert text-center mt-2 {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('messageExam') }}</p>
        @endif
        <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
            <thead>
                <tr>
                    <th scope="col">{{trans("tables.sl_no")}}</th>
                    <th scope="col">{{trans("tables.subject_title")}}</th>
                    <th scope="col">{{trans("tables.deadline_title")}}</th>
                    <th scope="col">{{trans("tables.attend_at_title")}}</th>
                    <th scope="col">{{trans("tables.time_title")}}</th>
                    <th scope="col">{{trans("tables.result_title")}}</th>
                    <th scope="col">{{trans("tables.status_title")}}</th>
                    <th scope="col" width="5%">{{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('exam.index')}}" + url_segment,
            searching : false,
            columns:[
                { data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, className: "text-center" },
                { data: 'subject', name: 'subject'},
                { data: 'deadline', name: 'deadline'},
                { data: 'attend_at', name: 'attend_at'},
                { data: 'time_taken', name: 'time_taken', className: 'text-center'},
                { data: 'acquired_marks', name: 'acquired_marks', className: 'text-center'},
                { data: 'status', name: 'status', className: 'text-center'},
                { data: 'action', name: 'action', orderable: false, searchable : false, className: "text-right" }
            ],
            order : [1, 'asc']
        });
        $("document").ready(function(){
            setTimeout(function(){
            $("p.alert").remove();
            }, 4000 ); // 4 secs

        });
    </script>
@stop