<div style="max-width: 712px !important;
    background: #f3f3f3;
    margin: auto;
    padding: 2em;">
<h2 style="font-family:'arial',sans-serif; color: #a583ca;">JSA LOGISTICS</h2>
<h4 style="font-family:'arial',sans-serif;">QUOTE DETAILS</h4>
<h5 style="font-family:'arial',sans-serif;">Tracking Number | {{ $qoutes->qoute_id }}</h5>
<table style="min-width: 27em;background-color: #172b4d;border: 1px dashed #fff;padding: 13px;font-family: &quot;arial&quot;, sans-serif;color: #fff;padding-bottom: 0;">
	<!-- <thead>#172b4d !important
		<th></th>
	</thead> -->
	<tr>
		<td><b>Service type</b></td>
		<td><h4>: {{ $qoutes->service_type }} </h4></td>
	</tr>
	<tr>
		<td><b>Minimum Charge</b></td>
		<td>: R{{ $qoutes->mincharge_price }}</td>
	</tr>
	<tr>
		<td><b>Per KG Charge</b></td>
		<td>: R{{ $qoutes->per_kg_price }}</td>
	</tr>
	<tr>
		<td><b>Fuel Surcharge</b></td>
		<td>: R{{ $qoutes->fuel_price }}</td>
	</tr>
	<tr>
		<td><b>15% VAT</b></td>
		<td>: R{{ $qoutes->vat_price }}</td>
	</tr>
	<tr>
		<td><h3>TOTAL</h3></td>
		<td><h2>: R{{ $qoutes->final_price }}</h2></td>
	</tr>

</table>


<br/>
<!-- <h4 style="font-family:'arial',sans-serif;">DETAILS</h4> -->
<table style="min-width: 100%;background-color: #ffffff;padding: 13px;font-family: &quot;arial&quot;, sans-serif;color: #777471;padding-bottom: 0;">
	<!-- <thead>
		<th></th>
	</thead> -->
	<tr>
		<td><b>Waybill No</b></td>
		<td>: {{ $qoutes->qoute_id }}</td>
	</tr>
	<tr>
		<td><b>Contact Person</b></td>
		<td>: {{ $qoutes->cust_name }} {{ $qoutes->surname }}</td>
	</tr>
	<tr>
		<td><b>Cellphone</b></td>
		<td>: {{ $qoutes->cellphone }}</td>
	</tr>
	<!-- <tr>
		<td><b>Package Desc</b></td>
		<td>: {{ $qoutes->qoute_id }}</td>
	</tr>
	<tr>
		<td><b>Quantity</b></td>
		<td>: {{ $qoutes->qoute_id }}</td>
	</tr> -->
	<tr>
		<td><b>Pickup at</b></td>
		<td>: {{ $qoutes->pickup_address }}</td>
	</tr>
	<tr>
		<td><b>Deliver to</b></td>
		<td>: {{ $qoutes->destination_address }}</td>
	</tr>

	<tr>
		<td><b>Package Desc</b></td>
		<td>: {{ $packages->package_desc }}</td>
	</tr>
	<tr>
		<td><b>Package Weight</b></td>
		<td>: {{ $packages->weight }}</td>
	</tr>

</table>

<hr style="margin: 2em 0em;border-color: #edc948;border-style: dashed;" />
<h2 style="font-family:'arial',sans-serif; color: #a583ca;">PAYMENT</h2>
<h4 style="font-family:'arial',sans-serif;">EFT DETAILS</h4>
<p style="font-family:'arial',sans-serif;">For EFT payments use the details below, use <b>{{ $qoutes->qoute_id }}</b> as reference on your payment </p>
<table style="min-width: 27em; text-align: left; padding: 10px; background: #f9f9f9; font-family:'arial',sans-serif;color: #777471;">
		<tr>
			<th>Name</th>
			<td>: JSA Logistics PTY LTD</td>
		</tr>
		<tr>
			<th>Acc Number</th>
			<td>: 00000000000</td>
		</tr>
		<tr>
			<th>Bank</th>
			<td>: First National Bank</td>
		</tr>
		<tr>
			<th>Branch</th>
			<td>: OR Tambo</td>
		</tr>
		<tr>
			<th>Branch Code</th>
			<td>: 0000000</td>
		</tr>

</table>
<table style="min-width: 27em; text-align: left; padding: 10px; background: #f9f9f9; font-family:'arial',sans-serif;color: #777471;">
		<tr>
			<th>Name</th>
			<td>: JSA Logistics PTY LTD</td>
		</tr>
		<tr>
			<th>Acc Number</th>
			<td>: 00000000000</td>
		</tr>
		<tr>
			<th>Bank</th>
			<td>: Standard Bank</td>
		</tr>
		<tr>
			<th>Branch</th>
			<td>: OR Tambo</td>
		</tr>
		<tr>
			<th>Branch Code</th>
			<td>: 0000000</td>
		</tr>

</table>

<!-- <br/>
<h4 style="font-family:'arial',sans-serif;">PAY ONLINE</h4>
<p style="font-family:'arial',sans-serif;">You can also use your debit or credit card to pay online.</p>
<button style="padding: 1em 3em;
    font-weight: bold;
    background-color: #a583ca;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    border: 0px;
    border-radius: 10px;">PAY NOW</button>
    <br/>
    <br/>
    <img src="/payfast_large.png">
    <br/> -->
</div>

