@extends('portal.layaout.layaout')
@extends('portal.layaout.navbar')
@extends('portal.layaout.sidebar')
@section('content')

<div class="row">
    <div class="col-md-12">
        <!-- BEGIN SAMPLE TABLE PORTLET-->
        <form action="/getMyQuotes" 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 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>Open 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>Date</th>
                            <th>Contact</th>
                            <th>Shippping</th>
                            <th>Status</th>
                            <th>&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($Quotes as $quote)
                        <tr>
                            <td style="text-align: center">
                                {{$quote->TrackingNumber}}
                            </td>
                            <td style="text-align: center">
                                {{date('Y-m-d',strtotime($quote->QuoteDate))}}
                            </td>
                            <td>
                                {{$quote->Contact}} - {{$quote->Email}}
                            </td>
                            <td>
                                <b>{{$quote->ShipFromCity}} {{$quote->ShipFromZipCode}}</b> to <b>{{$quote->ShipToCity}} {{$quote->ShipToZipCode}}</b>
                            </td>
                            <td style="text-align: center">
                                <span class="label" style="{{$quote->Label}}">{{$quote->Status}} </span>
                            </td>
                            <td style="text-align: center">
                                <a href="/getMyInvoice/{{$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