@extends('vehicles.profile.includes.main')
@section('profile')
    <div class="tab-pane active">

        <h4 class="widgettitle">Routes List
        <!-- form for filtering -->
        <span class="form-inline" style="margin-left:30px;">
            <label class="control-label" for="Category">Date From</label>
            <input type="text" name="from_date" id="starting_date" class="span3 datepicker">
            <label class="control-label" for="Category">Date to</label>
            <input type="text" name="to_date" id="expiring_date" class="span3 datepicker">
            <input type="submit" name="submit_filter" class="btn" value="Filter">
            <a class="btn" href="javascript:;" onclick="PrintRoutes()"><i class="icon-print"></i> &nbsp;Print</a>
        </span>

        </h4>
        <table class="table table-bordered" id="dyntable">
            <colgroup>
                <col class="con0" style="align: center; width: 4%"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
                <col class="con0"/>
                <col class="con1"/>
            </colgroup>
            <thead>
            <tr>
                <th class="head0 nosort"><input type="checkbox" class="checkall"/></th>
                <th class="head0">Route No.</th>
                <th class="head0">Date Assigned</th>
                <th class="head1">Route</th>
                {{--<th class="head1">Trailer</th>--}}
                <th class="head0">Driver</th>
                <th class="head0">Revenue</th>
                <th class="head1">Route Expenses</th>
                <th class="head1">Route Profit/Loss</th>
            </tr>
            </thead>
            <tbody>
            @foreach($routes as $route)
                <tr class="gradeX">
                    <td class="aligncenter"><span class="center"><input type="checkbox"/></span></td>
                    <td><a href="{{ route('profit.loss.summary',array('id'=>$route->id)) }}">
                            Route No. {{$route->id}}</a>
                    </td>
                    <td>{{ $route->route }}</td>
                    <td>{{ $route->route }}</td>
                    <td>{{ $route->DriverNames }}</td>
                    <td>{{$route->revenue}}</td>
                    <td>{{$route->expenses}}</td>
                    <td>{{$route->balance}}</td>
                </tr>
            @endforeach
            </tbody>
        </table>

    </div><!--tab-pane-->
    <script type="text/javascript">
    jQuery(document).ready(function(){
            jQuery("#starting_date").datepicker({
            // dateFormat: "yy-mm-dd",
            onSelect: function (date) {
                var date2 = jQuery('#starting_date').datepicker('getDate');
                date2.setDate(date2.getDate() + 1);
                jQuery('#expiring_date').datepicker('setDate', date2);
                //sets minDate to dt1 date + 1
                jQuery('#expiring_date').datepicker('option', 'minDate', date2);
            }
        });
        jQuery('#expiring_date').datepicker({
            // dateFormat: "yy-mm-dd",
            onClose: function () {
                var dt1 = jQuery('#starting_date').datepicker('getDate');
                console.log(dt1);
                var dt2 = jQuery('#expiring_date').datepicker('getDate');
                if (dt2 <= dt1) {
                    var minDate = jQuery('#expiring_date').datepicker('option', 'minDate');
                    jQuery('#expiring_date').datepicker('setDate', minDate);
                }
            }
        });
    });
function PrintRoutes() {
    var base_url = '';
    var url = base_url + 'printroutes';
    var win = window.open(url, '_blank');
    win.focus();
}
</script>
@stop