@extends('Admin.Layout.Master')

@section('content-header')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>{{$exam->exam_name}} Student List</h1>
                </div>
                <div class="col-sm-6">
                    <a href="{{ url($url . '/create') }}" class="btn btn-sm btn-primary float-right">
                        <i class="fa fa-plus-circle" aria-hidden="true"></i>
                        Create
                    </a>
                    <button class="btn btn-sm btn-primary float-right mr-2" data-toggle="modal" data-target="#importModal">
                        <i class="fa fa-upload" aria-hidden="true"></i>
                        Import
                    </button>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('content')
    <div class="card">
        <div class="card-body">
            <div class="row">
                    <div class="col-md-3">
                        <b> Attendance :</b> 
                        @if($exam->attendance_required==1)
                            <input type="radio" id="attendance_present" name="attendance" value="1"> Present 
                            <input type="radio" id="attendance_absent" name="attendance" value="0"> Absent 
                            <button type="button" class="btn btn-primary btn-sm" onclick="update_attendance()">Update</button>
                        @else
                            <span class="text-danger"><b>Attendance Not Required</b></span>
                        @endif
                    </div>
            </div>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
                <table id="data-table" class="table table-bordered table-striped">
                    <thead></thead>
                </table>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        function update_attendance(){
            var selectedStudents = [];
            $('.datatable-checkbox:checked').each(function() {
                selectedStudents.push($(this).val());
            });
            if(selectedStudents.length==0){
                alert("Select Students !!!");
                return;
            }

            var is_present = $('input[type="radio"][name="attendance"]:checked').val();
            if(!is_present){
                alert("Select Present/Absent !!!");
                return;
            }

            var json_data={'exam_id':"{{$exam->uid}}",
                            'tags':{!! json_encode(array_keys($tags)) !!},
                            'user_ids':selectedStudents,
                            'is_present':is_present
                        }
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                    'Content-Type': 'application/json',
                },
                type: "POST",
                url: "{{ url($url) }}",
                data: JSON.stringify(json_data),
                success: function(response) {
                    if(response['status']==1){
                        refresh_datatable();
                    }
                }
            })
        }

        $(document).ready(function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var languageConfig = {
                paginate: {
                    next: '&#8594;',
                    previous: '&#8592;'
                }
            };

            var columnDefsConfig = [
                {
                    targets: 3,
                    className: 'text-left',
                    createdCell: function(td, cellData, rowData, row, col) {
                        $(td).css('padding', '3px');
                    }
                },
                {
                    targets: '_all',
                    className: 'text-center',
                    createdCell: function(td, cellData, rowData, row, col) {
                        $(td).css('padding', '3px');
                    }
                }
            ];

            var buttonsConfig = [
                {extend: 'print',className: 'btn btn-info btn-sm p-1 py-0 px-0 mt-1',exportOptions: { columns: ':gt(1)'}},
                {extend: 'copy',className: 'btn btn-info btn-sm p-1 py-0 px-0 mt-1',exportOptions: { columns: ':gt(1)'}},
                {extend: 'csv',className: 'btn btn-info btn-sm p-1 py-0 px-0 mt-1',exportOptions: { columns: ':gt(1)'}},
            ];

            var ajaxConfig = {
                url: "