@extends('layouts.app')

@section('content')

    <div class="content">
        <x-content.header title="{{ __('exams.exam_assignees') }}" />
        <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
            <thead>
                <tr>
                    <th scope="col">{{trans('forms.lbl_name')}}</th> 
                    <th scope="col">{{trans('tables.attend_at_title')}}</th>
                    <th scope="col">{{trans('tables.completed_at_title')}}</th>
                    <th scope="col">{{trans('tables.acquired_mark')}}</th>
                    <th scope="col">{{trans('tables.time_title')}}</th>
                    <th scope="col">{{trans('tables.reviewer_title')}}</th>
                    <th scope="col">{{trans('tables.review_at')}}</th>
                    <th scope="col">{{trans('tables.action_title')}}</th>
                </tr>
            </thead>
        </table>
    </div>
@stop

@section('footer-script')
    <script type="text/javascript">

        PDDataTable({
            url: "{{route('settings.exam.assignees', $id)}}",
            columns:[
                { data: 'name', name: 'name'},
                { data: 'attend_at', name: 'attend_at'},
                { data: 'completed_at', name: 'completed_at'},
                { data: 'acquired_marks', name: 'acquired_marks'},
                { data: 'time', name: 'time'},
                { data: 'reviewer', name: 'reviewer'},
                { data: 'review_at', name: 'review_at'},
                { data: 'action', name: 'action', orderable: false, searchable : false, className: "text-right" }
            ],
            order : [1, 'asc']
        });

    </script>
@stop