@extends('admin.layouts.master')

@section('headerFiles')
    <title>TABC Fast | {{$title??''}}</title>
    
    <link href="{{ url('resources/assets/admin/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ url('resources/assets/admin/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<!--    <link href="{{ url('resources/assets/admin/css/users-style.css') }}" rel="stylesheet" type="text/css" />-->
    <style>
        .user_select,.select_div{
            float:left;
            min-width:200px;
            margin-right:20px;
        }
        .user_select label,.select_div label{
            margin-right:5px;
            display:block;
        }
    </style>
@endsection

@section('pageTitle')
@endsection


@section('content')
    <div class="row">
        <div class="col-md-12">
            
            @include("admin/includes/front_alerts")
            
            <div class="portlet light portlet-fit portlet-datatable bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-settings font-dark"></i>
                        <span class="caption-subject font-dark sbold uppercase">Completed Report </span>
                    </div>
                    {{--<div class="actions">
                        <div class="btn-group">
                            <a class="btn btn-sm green pull-right" href="{{ url ('admin/users/create') }}"><i class="fa fa-plus"></i> <b> Add</b></a>

                        </div>
                        <div class="btn-group">
                            <a class="btn btn-sm red pull-right" onclick="doDelete()" ><i class="fa fa-trash"></i> <b> Delete</b></a>
                        </div>
                    </div>--}}
                </div>
                
                <div class="portlet-body">
                    <div class="table-container">
                        <div class="table-actions-wrapper">
                        </div>
                        
                        {!! Form::open([ 'url' => 'admin/users', 'id' => 'frm_users' ]) !!}
                        
                        <input type="hidden" name="_method" value="DELETE">
                        <div class="form-group" id="course_select">
                            <label>Course:</label>
                            <select class="form-control select2" name="course_id">
                                <option value="0">All</option>
                                @if(!empty($courses))
                                @foreach($courses as $course)
                                <option value="{{$course->id}}">{{$course->name}}</option>
                                @endforeach
                                @endif
                            </select>
                        </div>
                        <div class="form-group" id="date_picker">
                            <label>Course Comppleted:</label>
                            <input type="text" class="form-control datepicker" name="signup_date" />
                        </div>
                        <table class="table table-striped table-bordered table-hover table-checkable" id="users_datatable">
                            <thead>
                                <tr role="row" class="heading">
                                    <th width="2%">
                                        <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                                            <input type="checkbox" class="group-checkable check_all" data-set="#sample_2 " >
                                            <span></span>
                                        </label>
                                    </th>
                                    <th> ID </th>
                                    <th> SSN </th>
                                    <th> Last </th>
                                    <th> Sfx </th>
                                    <th> First </th>
                                    <th> Middle </th>
                                    <th> Date of Birth </th>
                                    <th>Score</th>
                                    <th>Certificate # </th>
                                    <th> Actions </th>
                                </tr>
                            </thead>
                            <tbody> </tbody>
                        </table>
                            {{ Form::close() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('footerScripts')
    <script src="{{url ('resources/assets/admin/js/datatable.min.js') }}" type="text/javascript"></script>
    <script src="{{url ('resources/assets/admin/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
    <script src="{{url ('resources/assets/admin/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>

    <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js" ></script>
    <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js" ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" ></script>
    <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js" ></script>


    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    <script>   var Globals =