@extends('layouts.main', ['title' => 'Daily Budgets | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li><a >Operation</a><span class="divider">/</span></li>
        <li class="active">Daily Budgets</li>
    </ul>
@stop
@section('title')
    Daily Budgets
@endsection
@section('contentinner')
    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered logistics_table table-condensed" id="budgets">
                <thead>
                <tr>
                    <th width='3%'></th>
                    <th style="">Date</th>
                    <th style="width: 3%"></th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    <script>
        jQuery(function () {
            var mainDataTable = jQuery('#budgets').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 Budget available.",
                        "sInfoEmpty": "No entries to display."
                    },
                    "initComplete": function (settings, json) {
                        stopSpinner();
                    },
                    ajax: {
                        url: "{{ route('datatable.daily_budgets.index') }}"
                    },
//                        scrollY: calcDataTableHeight(),
//                    scrollCollapse: true,
//                     "sPaginationType": "full_numbers",
                    processing: true,
                    serverSide: true,
                    "columns": [
                        {"class": "link", data: 'id'},
                        {"class": "link", data: 'date'},
                        {"class": "link", data: 'action'},

                    ],
                    "bStateSave": true
                });

        });
    </script>
@stop