@extends('dashboard.layouts.master')
@section('title', 'Student Verification | Admin Panel')

@section('content')
<div class="padding">
    <div class="box">
        <div class="box-header">
            <h3>Student Verification Management</h3>
            <small><a href="{{ route('adminHome') }}">Dashboard</a> / Student Verification</small>
        </div>

        <link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" type="text/css" />
        <div class="box-body">
            <div class="table-responsive">
                <table class="table table-striped b-t" id="studentTable">
                    <thead>
                        <tr>
                            <th>User Name</th>
                            <th>Email</th>
                            <th>Student ID</th>
                            <th>Expiry Date</th>
                            <th>Status</th>
                            <th>Options</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@push('after-scripts')
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script>
    $('#studentTable').DataTable({
        processing: true,
        serverSide: true,
        order: [[0, 'desc']],
        ajax: {
            url: "{{ route('student-verification.anyData') }}",
            type: 'POST',
            data: {
                _token: "{{ csrf_token() }}"
            }
        },
        columns: [
            { data: 'name',    name: 'name',    searchable: true,  orderable: true },
            { data: 'email',   name: 'email',   searchable: true,  orderable: true },
            { data: 'id_doc',  name: 'id_doc',  searchable: false, orderable: false },
            { data: 'expiry',  name: 'expiry',  searchable: false, orderable: true },
            { data: 'status',  name: 'status',  searchable: false, orderable: true },
            { data: 'options', name: 'options', searchable: false, orderable: false }
        ]
    });
</script>
@endpush