@extends('layouts.layout')

@section('content')

    <div class="box">
        <div class="box-header">
            <h3 class="box-title"><i class="fa fa-car"></i> Travel Orders</h3>
            <a href="/travel-orders/create" class="btn btn-success pull-right"><i class="fa fa-plus"></i> Create</a>
            <a href="/travel-orders/import" class="btn btn-success pull-right" style="margin-right: 5px"> Import</a>

            <form action="/travel-orders/search" method="get" class="form-inline" style="margin-left:30%">
                    <label for="from"> From:</label> <input type="text" id="from" class="date" name="from" value="{{$from}}" style="width: 80px"/>
                    <label for="to">To:</label> <input type="text" id="to" class="date" name="to" value="{{$to}}" style="width: 80px"/>
                <input type="submit" class="btn btn-info" value="Filter"/>

            </form>
            <hr/>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            @if(session()->get('success'))
                <div class="alert alert-success">
                    {{ session()->get('success') }}
                </div><br />
            @endif

                <form action="/travel-orders/search" method="get" class="pull-right">
                    <div class="input-group input-group-sm" style="width: 150px;padding-bottom:5px">
                        <input type="text" name="to_number" class="form-control pull-right" placeholder="Search by TO#" value="{{$search}}">

                        <div class="input-group-btn">
                            <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
                        </div>
                    </div>
                </form>


            @if(count($travel_orders)>0)
            <table class="table table-bordered table-hover table-striped" >
                <thead>
                    <th>#TO</th>
                    <th>#Pro</th>
                    <th>Shipping Date</th>
                    <th>Delivery Date</th>
                    <th>Driver</th>
                    <th>Score</th>
                    <th>Hours late</th>
                    <th>Times late</th>
                    <th style="width: 50px">Edit</th>
                    <th style="width: 50px">Delete</th>
                </thead>
                <tbody>
                @foreach($travel_orders as $order)
                    <tr>
                        <td><a href="/travel-orders/{{$order->id}}">{{$order->to_number}}</a></td>
                        <td>{{$order->pro_number}}</td>
                        <td>@if ($order->ship_date) {{$order->ship_date->format('m/d/Y')}} @else - @endif</td>
                        <td>@if ($order->delivery_date) {{$order->delivery_date->format('m/d/Y')}}@else - @endif</td>
                        <td>@if(isset($order->driver))<a href="/drivers/{{$order->driver->id}}">{{$order->driver->name}}</a>@else - @endif</td>
                        <td>{{$order->points()}}</td>
                        <td>{{$order->lateTime()['hours']}}</td>
                        <td>{{$order->lateTime()['times']}}</td>
                        <td><a href="/travel-orders/{{$order->id}}/edit" class="btn btn-warning"><i class="fa fa-edit"></i></a></td>
                        <td><a href="/travel-orders/{{$order->id}}/delete" onclick="return confirm('Are you sure ?')" class="btn btn-danger"><i class="fa fa-trash"></i></a></td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <p class="pull-left"> Showing {{$travel_orders->firstItem()}} to {{$travel_orders->lastItem()}} of {{$travel_orders->total()}} entries</p>
            <span class="pull-right">{{$travel_orders->links()}}</span>
            @else
                <div class="callout callout-info text-center" style="margin-top:60px">No results found using current filters!</div>
            @endif
        </div>
    </div>

@endsection

@section('footer')
    {{--<script>--}}
        {{--// $(document).ready( function () {--}}
            {{--// $('#orders').DataTable();--}}
        {{--// } );--}}
    {{--// </script>--}}
@endsection