@extends('layouts.front')

@section('content')
<link rel='stylesheet' href='{{ asset('css/woocommerce-layout.css') }}' type='text/css' media='all' />
{{-- <link rel='stylesheet' href='{{ asset('css/woocommerce-smallscreen.css') }}' type='text/css' media='all' /> --}}
<link rel='stylesheet' href='{{ asset('css/woocommerce.css') }}' type='text/css' media='all' />
<style>
	.woocommerce-input-wrapper {
		width: 100%;
	}
	.woocommerce form .form-row .required {
		visibility: visible;
	}
</style>

<div class="container woocommerce-checkout woocommerce-page woocommerce-js">
	<div class="row">
		<div class="col-12">
			<br>
			<div class="woocommerce">
				<div class="woocommerce-order">
					<p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received">ขอบคุณค่ะ ได้รับรายการสั่งซื้อของคุณเรียบร้อยแล้ว</p>
					<ul class="woocommerce-order-overview woocommerce-thankyou-order-details order_details">
						<li class="woocommerce-order-overview__order order">
							Order number:<strong>{{ $order->order_no }}</strong>
						</li>
						<li class="woocommerce-order-overview__date date">
							วันที่:<strong>{{ date('d/m/y', strtotime($order->order_date)) }}</strong>
						</li>
						<li class="woocommerce-order-overview__total total">
							รวมทั้งหมด:<strong><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">฿</span>
							{{ number_format($total_vat, 2, '.', ',') }}</span></strong>
						</li>
					</ul>
					<section class="woocommerce-order-details">
						<h2 class="woocommerce-order-details__title">Order details</h2>
						<h3 class="woocommerce-order-details__title">รอการติดต่อกลับจากทางร้านค้า</h3>
						<table class="woocommerce-table woocommerce-table--order-details shop_table order_details">
							<thead>
								<tr>
									<th class="woocommerce-table__product-name product-name">สินค้า</th>
									<th class="woocommerce-table__product-table product-total">รวมทั้งหมด</th>
								</tr>
							</thead>
							<tbody>
								@foreach($products as $p)
								<tr class="woocommerce-table__line-item order_item">
									<td class="woocommerce-table__product-name product-name">
										<a href="javascript:;">{{ $p['name'] }}</a> <strong class="product-quantity">× {{ $p['qty'] }}</strong>	</td>

									<td class="woocommerce-table__product-total product-total">
										<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">฿</span>{{ number_format($p['line_total'], 2, '.', ',') }}</span>	</td>
								</tr>
								@endforeach
							</tbody>
							<tfoot>
								<tr>
									<th scope="row">รวม:</th>
									<td><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">฿</span>{{ number_format($total, 2, '.', ',') }}</span></td>
								</tr>
								<tr>
									<th scope="row">VAT:</th>
									<td><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">฿</span>{{ number_format($vat, 2, '.', ',') }}</span></td>
								</tr>
								<tr>
									<th scope="row">รวมทั้งหมด:</th>
									<td><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">฿</span>{{ number_format($total_vat, 2, '.', ',') }}</span></td>
								</tr>
							</tfoot>
						</table>
					</section>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection