@extends('layaout.layaout')
@extends('layaout.head')
@extends('layaout.menu')
@section('content')
<!-- BEGIN PAGE CONTAINER -->
<div class="page-container">
	<!-- BEGIN PAGE HEAD -->
	{{-- <div class="page-head">
		<div class="container">
			<!-- BEGIN PAGE TITLE -->
			<div class="page-title">
				<h1>Invoice <small>invoice sample</small></h1>
			</div>
			<!-- END PAGE TITLE -->
			<!-- BEGIN PAGE TOOLBAR -->
			<div class="page-toolbar">
				<!-- BEGIN THEME PANEL -->
				<div class="btn-group btn-theme-panel">
					<a href="javascript:;" class="btn dropdown-toggle" data-toggle="dropdown">
					<i class="icon-settings"></i>
					</a>
					<div class="dropdown-menu theme-panel pull-right dropdown-custom hold-on-click">
						<div class="row">
							<div class="col-md-6 col-sm-6 col-xs-12">
								<h3>THEME COLORS</h3>
								<div class="row">
									<div class="col-md-6 col-sm-6 col-xs-12">
										<ul class="theme-colors">
											<li class="theme-color theme-color-default" data-theme="default">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Default</span>
											</li>
											<li class="theme-color theme-color-blue-hoki" data-theme="blue-hoki">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Blue Hoki</span>
											</li>
											<li class="theme-color theme-color-blue-steel" data-theme="blue-steel">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Blue Steel</span>
											</li>
											<li class="theme-color theme-color-yellow-orange" data-theme="yellow-orange">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Orange</span>
											</li>
											<li class="theme-color theme-color-yellow-crusta" data-theme="yellow-crusta">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Yellow Crusta</span>
											</li>
										</ul>
									</div>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<ul class="theme-colors">
											<li class="theme-color theme-color-green-haze" data-theme="green-haze">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Green Haze</span>
											</li>
											<li class="theme-color theme-color-red-sunglo" data-theme="red-sunglo">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Red Sunglo</span>
											</li>
											<li class="theme-color theme-color-red-intense" data-theme="red-intense">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Red Intense</span>
											</li>
											<li class="theme-color theme-color-purple-plum" data-theme="purple-plum">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Purple Plum</span>
											</li>
											<li class="theme-color theme-color-purple-studio" data-theme="purple-studio">
												<span class="theme-color-view"></span>
												<span class="theme-color-name">Purple Studio</span>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 seperator">
								<h3>LAYOUT</h3>
								<ul class="theme-settings">
									<li>
										 Theme Style
										<select class="theme-setting theme-setting-style form-control input-sm input-small input-inline tooltips" data-original-title="Change theme style" data-container="body" data-placement="left">
											<option value="boxed" selected="selected">Square corners</option>
											<option value="rounded">Rounded corners</option>
										</select>
									</li>
									<li>
										 Layout
										<select class="theme-setting theme-setting-layout form-control input-sm input-small input-inline tooltips" data-original-title="Change layout type" data-container="body" data-placement="left">
											<option value="boxed" selected="selected">Boxed</option>
											<option value="fluid">Fluid</option>
										</select>
									</li>
									<li>
										 Top Menu Style
										<select class="theme-setting theme-setting-top-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change top menu dropdowns style" data-container="body" data-placement="left">
											<option value="dark" selected="selected">Dark</option>
											<option value="light">Light</option>
										</select>
									</li>
									<li>
										 Top Menu Mode
										<select class="theme-setting theme-setting-top-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) top menu" data-container="body" data-placement="left">
											<option value="fixed">Fixed</option>
											<option value="not-fixed" selected="selected">Not Fixed</option>
										</select>
									</li>
									<li>
										 Mega Menu Style
										<select class="theme-setting theme-setting-mega-menu-style form-control input-sm input-small input-inline tooltips" data-original-title="Change mega menu dropdowns style" data-container="body" data-placement="left">
											<option value="dark" selected="selected">Dark</option>
											<option value="light">Light</option>
										</select>
									</li>
									<li>
										 Mega Menu Mode
										<select class="theme-setting theme-setting-mega-menu-mode form-control input-sm input-small input-inline tooltips" data-original-title="Enable fixed(sticky) mega menu" data-container="body" data-placement="left">
											<option value="fixed" selected="selected">Fixed</option>
											<option value="not-fixed">Not Fixed</option>
										</select>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!-- END THEME PANEL -->
			</div>
			<!-- END PAGE TOOLBAR -->
		</div>
	</div> --}}
	<!-- END PAGE HEAD -->
	<!-- BEGIN PAGE CONTENT -->
	<div class="page-content">
		<div class="container">
			{{-- <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h4 class="modal-title">Modal title</h4>
						</div>
						<div class="modal-body">
							 Widget settings form goes here
						</div>
						<div class="modal-footer">
							<button type="button" class="btn blue">Save changes</button>
							<button type="button" class="btn default" data-dismiss="modal">Close</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div> --}}
			<!-- /.modal -->
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN PAGE BREADCRUMB -->
			{{-- <ul class="page-breadcrumb breadcrumb">
				<li>
					<a href="#">Home</a><i class="fa fa-circle"></i>
				</li>
				<li>
					<a href="extra_invoice.html">Pages</a>
					<i class="fa fa-circle"></i>
				</li>
				<li class="active">
					 Invoice
				</li>
			</ul> --}}
			<!-- END PAGE BREADCRUMB -->
			<!-- BEGIN PAGE CONTENT INNER -->
			<div class="portlet light">
				<div class="portlet-body">
					<div class="invoice">
						<div class="row invoice-logo">
							<div class="col-xs-6 invoice-logo-space">
								{{-- <img src="{{asset('static/assets/admin/pages/media/invoice/walmart.png')}}" class="img-responsive" alt=""/> --}}
                                <img src="{{asset('static/logo/spotship_invoice.png')}}" class="img-responsive" alt="" width="296px" height="84px"/>
							</div>
							<div class="col-xs-6">
								<p>
									 #{{$Quote->TrackingNumber}} / {{date('M d Y')}} <span class="muted">
									Spotship Quote Number </span>
								</p>
							</div>
						</div>
						<hr/>
						<div class="row">
							<div class="col-xs-4">
								<h3>Client:</h3>
								<ul class="list-unstyled">
									<li>
										{{$Quote->Contact}}
									</li>
									<li>
										{{$Quote->Phone}}
									</li>
									<li>
										{{$Quote->Email}}
									</li>
									<li>
										
									</li>
									<li>
										
									</li>
									<li>
										
									</li>
								</ul>
							</div>
							<div class="col-xs-4">
								<h3>Shipment Details:</h3>
								<ul class="list-unstyled">
									<li>
										From <strong>{{$Quote->ShipFromZipCode}}</strong> to <strong>{{$Quote->ShipToZipCode}}</strong>
									</li>
									<li>
										@php
											if($Quote->iServiceType == 1){ $Service = 'LTL';}
											if($Quote->iServiceType == 2){ $Service = 'SMALL PARCEL';}
											if($Quote->iServiceType == 2){ $Service = 'TRUCK LOAD';}
										@endphp
										Type of Service: <strong>{{$Service}}</strong>
									</li>
									<li>
										Pick Up Date: <strong>{{date('M d Y',strtotime($Quote->PDate))}}</strong>
									</li>
									<li>
										Delivery Date: <strong>{{date('M d Y',strtotime($Quote->DDate))}}</strong>
									</li>
									<li>
										
									</li>
									<li>
									
									</li>
								</ul>
							</div>
							<div class="col-xs-4 invoice-payment">
								<h3>Company Details:</h3>
								<ul class="list-unstyled">
									<li>
										<strong>SpotShip Inc.</strong>
									</li>
									<li>
										<strong>Transportation Services</strong>
									</li>
									<li>
										<strong>Santa Fe Springs CA, 90670</strong>
									</li>
									<li>
										
									</li>
									<li>
									
									</li>
								</ul>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12">
								<table class="table table-striped table-hover">
								<thead>
								<tr>
									<th>
										 #
									</th>
									<th>
										 Item
									</th>
									<th class="hidden-480">
										 Description
									</th>
									<th class="hidden-480">
										 Unit Cost
									</th>
									<th>
										 Total
									</th>
								</tr>
								</thead>
								<tbody>
								@php $Item = 1; @endphp
								<tr>
									<td>
										{{$Item}}
									</td>
									<td>
										Base Rate
									</td>
									<td class="hidden-480">
										@php
											if($Quote->ItemType == 1){ $PackageType = 'Pallet';}
											if($Quote->ItemType == 2){ $PackageType = 'Oversize Pallet';}
											if($Quote->ItemType == 3){ $PackageType = 'Box';}
											if($Quote->ItemType == 4){ $PackageType = 'Crate';}
											if($Quote->ItemType == 5){ $PackageType = 'Roll';}
											if($Quote->ItemType == 6){ $PackageType = 'Bale';}
										@endphp
										{{$Quote->ItemDescription}} {{$PackageType}} ({{$Quote->Width}} x {{$Quote->Length}}) - {{$Quote->Weight}} lbs.
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->Price,2)}}
									</td>
									<td>
										$ {{number_format($Quote->Price,2)}}
									</td>
								</tr>
								@php $Item += 1; @endphp
								<tr>
									<td>
										{{$Item}}
									</td>
									<td>
										Fuel Surcharge
									</td>
									<td class="hidden-480">
										
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->Fuel,2)}}
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->Fuel,2)}}
									</td>
								</tr>
								@if($Quote->Accesorials > 0)
								@php $Item += 1; @endphp
								<tr>
									<td>
										{{$Item}}
									</td>
									<td>
										Accesorials
									</td>
									<td class="hidden-480">
										
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->Accesorials,2)}}
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->Accesorials,2)}}
									</td>
								</tr>
								@endif
								@if($Quote->OverMiles > 0)
								@php $Item += 1; @endphp
								<tr>
									<td>
										{{$Item}}
									</td>
									<td>
										Over Miles
									</td>
									<td class="hidden-480">
										Included Miles: 100 - Shipment Distance: {{$Quote->Miles}}
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->OverMiles,2)}}
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->OverMiles,2)}}
									</td>
								</tr>
								@endif
								@if($Quote->OverWeight	 > 0)
								@php $Item += 1; @endphp
								<tr>
									<td>
										{{$Item}}
									</td>
									<td>
										Over Weight
									</td>
									<td class="hidden-480">
										Included Weight: 1000 lbs - Shipment Weight: {{$Quote->Weight}}
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->OverWeight,2)}}
									</td>
									<td class="hidden-480">
										$ {{number_format($Quote->OverWeight,2)}}
									</td>
								</tr>
								@endif
								</tbody>
								</table>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-4">
								<div class="well">
									<address>
										<strong>{{$Company->CompanyName}}</strong><br/>
										{{$Company->Address}}.<br/>
										{{$Company->City}}, {{$Company->State}} {{$Company->ZipCode}}<br/>
										<strong>Phone</strong><br/>
										{{$Company->Phone}}
										</address>
										<address>
										<strong>Email</strong><br/>
										<a>{{$Company->Email}}</a>
										</address>
								</div>
							</div>
							<div class="col-xs-8 invoice-block">
								<ul class="list-unstyled amounts">
									<li>
										@php
										$InterState = 0;
										$Total = 0;
										$GrandTotal = 0;
										$Total = $Quote->Price + $Quote->Fuel + $Quote->OverMiles + $Quote->OverWeight + $Quote->Accesorials;
										if($Quote->InterState == 1)
											$InterState = $Total * .15;
										$GrandTotal = $InterState + $Total;
										@endphp
										<strong>Sub - Total amount:</strong> $ {{number_format($Total, 2, '.', ',')}}
									</li>
									<li>
										<strong>Discount:</strong> $ {{number_format(0, 2, '.', ',')}}
									</li>
									<li>	
										<strong>InterState 15%:</strong> $ {{number_format($InterState, 2, '.', ',')}}
									</li>
									<li>
										<strong>Grand Total:</strong> $ {{number_format($GrandTotal, 2, '.', ',')}}
									</li>
								</ul>
								<br/>
								<a class="btn btn-lg blue hidden-print margin-bottom-5" onclick="javascript:window.print();">
								Print <i class="fa fa-print"></i>
								</a>
								<a class="btn btn-lg green hidden-print margin-bottom-5">
								Submit Your Invoice <i class="fa fa-check"></i>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- END PAGE CONTENT INNER -->
		</div>
	</div>
	<!-- END PAGE CONTENT -->
</div>
<!-- END PAGE CONTAINER -->

@endsection