@extends('admin.layouts.master')

@section('headerFiles')
    <title>TABC Fast | Courses</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" />-->
@endsection

@section('pageTitle')
@endsection

@section('content')

    <div class="row">
        <div class="col-md-12">
            @include("admin/includes/front_alerts")
        </div>
        <div class="col-md-12">
            <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">Courses</span>
                    </div>
                    <div class="actions">
                        <div class="btn-group">
                            <a class="btn btn-sm green pull-right" href="{{ url ('admin/courses/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/courses', 'id' => 'frm_courses' ]) !!}
                        
                        <input type="hidden" name="_method" value="DELETE">
                        
                        <table class="table table-striped table-bordered table-hover table-checkable" id="courses_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 .checkboxes" />
                                            <span></span>
                                        </label>
                                    </th>
                                    <th> Name </th>
                                    <th> Description </th>
                                    <th> Created At </th>
                                    <th>Added By</th>
                                    <th> Status </th>
                                    <th> Actions </th>
                                </tr>
                            </thead>
                            <tbody> </tbody>
                        </table>
                        
                        {{ Form::close() }}
                        
                    </div>
                </div>
            </div> <!--data table-->
        </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>   var Globals =