@extends('layouts.main', ['title' => config('app.name') .' | TRA FINES'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a href="">Route Assignments</a><span class="divider">/</span></li>
        <li class="active">TRA Fines</li>
    </ul>
@stop
@section('title', 'TRA Fines')
@section('msghead_menu')
    <li class="right btn-group">
        {{--
        <div class="btn-group">
            <button class="btn dropdown-toggle" data-toggle="dropdown" onclick="create('{{ route('tra_fines.create') }}')">
                &nbsp; NEW TRA FINE
            </button>
        </div>
        --}}
    </li>
@endsection
@section('contentinner')
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered logistics_table table-condensed" id="main_table">
                <thead>
                <tr>
                    <th width='3%'><input type="checkbox" class="checkall"/></th>
                    {{--<th style="width: 8%">TripNo</th>--}}
                    <th style="width: 8%">Horse</th>
                    <th style="width: 8%">Trailer</th>
                    <th style="width: 13%">Driver</th>
                    <th style="width: 10%">Location</th>
                    <th style="width: 05%">Days</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->

    <script>
        function editRecordFn(id) {
            alert(id);
            // var url = '{{ route("tra_fines.create", ":id") }}' . replace(":id", id);
            // edit(url);
        }
        var mainDataTable = jQuery('#main_table').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No Orders available.",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {stopSpinner();},
                ajax: {
                    url: "{{ route('tra_fines.indexData') }}",
                    data: function (d) {}
                },
                processing: true,
                serverSide: true,
                "columns": [
                    {
                        data: 'checkbox',
                        "class": "dt_checkbox",
                        "orderable": false
                    },
                    // {data: 'route_no'},
                    {data: 'horse'},
                    {data: 'trailer'},
                    {data: 'driver'},
                    // {data: 'type'},
                    // {data: 'location'},
                    {data: 'status'},
                    {data: 'action'}
                ],
                "bStateSave": true
            });
    </script>
@endsection