@extends('admin.layaouts.layaout')
@extends('admin.layaouts.navbar')
@extends('admin.layaouts.sidebar')
@section('content')

<div class="row">
    <div class="col-md-12">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <form action="/getCompleteQuotes" method="POST">
            {!! csrf_field() !!}
            <div class="portlet light">
                <div class="portlet-title">
                    <div class="col-md-2">
                        <div class="form-group">
                            <div class="input-icon">
                                <label>FROM</label>
                                <i class="fa fa-calendar"></i>
                                <input type="date" class="form-control" placeholder="Date From" id="date_from" name="date_from" value="{{$DateFrom}}">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <div class="input-icon">
                                <label>TO</label>
                                <i class="fa fa-calendar"></i>
                                <input type="date" class="form-control" placeholder="Date To" id="date_to" name="date_to" value="{{$DateTo}}">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-1">
                        <label>&nbsp;</label>
                        <div class="form-group">
                            <button type="submit" class="btn blue">Get Completed Quotes</button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- BEGIN PAGE CONTENT-->
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>Paid Quotes
                </div>
                <div class="tools">
                    <div class="form-group">
                        
                    </div>
                </div>
            </div>
            <div class="portlet-body">
                <table class="table table-striped table-bordered table-hover" id="sample_1">
                    <thead>
                        <tr>
                            <th>Quote</th>
                            <th>Payment Date</th>
                            <th>Ship From to Ship To</th>
                            <th>Price</th>
                            <th>Payment Reference</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($Quotes as $quote)
                        <tr>
                            <td style="text-align: center">
                                {{$quote->iQuote}} - {{$quote->TrackingNumber}}
                            </td>
                            <td style="text-align: center">
                                {{$quote->DatePayment}}
                            </td>
                            <td>
                                {{$quote->ShipFromCity}} {{$quote->ShipFromZipCode}} to {{$quote->ShipToCity}} {{$quote->ShipToZipCode}}
                            </td>
                            <td style="text-align: right">
                                $ {{number_format($quote->Total,2)}}
                            </td>
                            <td style="text-align: center">
                                {{$quote->PaymentReference}}
                            </td>
                            <td style="text-align: center">
                                <a href="/getInvoice/{{$quote->TrackingNumber}}" class="btn btn-xs btn-primary" target="_blank">Detail</a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <!-- END SAMPLE TABLE PORTLET-->
    </div>
</div>

@endsection