@extends('adminsection.layouts.master')

@section('title')
	Booking List
	|| @parent
@stop

@section('page-title')
	Booking List
@stop

@section('page-header-actions')
	<a href="#" class="btn btn-primary btn-sm float-right" data-toggle="tooltip" data-placement="left" title="Print Invoice" onclick="printDiv('printableArea')">
		<i class="icon-print"></i> 
		Print Invoice
	</a>
@stop

@section('main-content')
<!-- Row start -->
	<div class="row justify-content-md-center gutters">
		<div class="col-xl-9 col-lg-9 col-md-9 col-sm-12">
			<div class="card">
				<div class="card-body">
					<div class="invoice-container" id="printableArea">
						<!-- Row start -->
						<div class="row gutters">
							<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6">
								<img src="{{asset('uploads/settings/'.settings('logo'))}}" class="invoice-logo" alt="{{settings('company_name')}}" />
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6">
								<h3 class="text-right text-secondary">Booking - {{$order->id}}</h3>
							</div>
						</div>
						<!-- Row end -->
						
						<div class="spacer30"></div>

						<!-- Row start -->
						<div class="row gutters">
							<div class="col-lg-6 col-md-6 col-sm-6">
								<p>Hello, {{title_case($order->customer_name)}}.</p>
								<p>Thank you for shopping from our store and for your order.</p>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6">
								<p class="text-right">Invoice <span class="text-primary">#{{$order->invoice_no}}</span></p>
								<p class="text-right">
									<small>
										{{carbonDate($order->created_at, 'y-m-d')}}
									</small>
								</p>
							</div>
						</div>
						<!-- Row end -->

						<div class="spacer50"></div>

						<!-- Row start -->
						<div class="row gutters">
							<div class="col-lg-12 col-md-12 col-sm-12">
								<table class="table table-hover table-bordered table-responsive table-striped">
									<thead>
										<tr>
											<th>Item</th>
											<th>Quantity</th>
											<th>Others Price</th>
											<th>Days</th>
											<th>Subtotal</th>
										</tr>
									</thead>
									<tbody>
										@foreach($order_items as $item)
										<tr>
											<td>
												{{$item->item_name}}
												<br>
												@if($item->hotel_name)
													{{$item->hotel_name}}
												@endif
											</td>

											<td>{{$item->quantity}}</td>
											
											<td>
												@if($item->extra_bed_quantity > 0)
													BDT {{$item->extra_bed_quantity * $item->extra_bed_price}}
													<small>({{$item->extra_bed_quantity}} Extra Bed)</small>
												@else
													N/A
												@endif
											</td>

											<td>
												@if($item->hotel_name)
													{{dateDifference($item->from, $item->to)}}
												@else
													-
												@endif
											</td>

											<td>
												BDT {{$item->total}}
											</td>
										</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						</div>
						<!-- Row end -->

						<!-- Row start -->
						<div class="row gutters">
							<div class="col-lg-6 col-md-6 col-sm-12">
								
							</div>
							<div class="col-lg-6 col-md-6 col-sm-12">
								<table class="table plain">
									<tbody><tr>
										<td>
											<p class="text-right">Subtotal</p>
											<p class="text-right text-secondary"><strong>Grand Total (Incl.Tax)</strong></p>
											<!-- <p class="text-right">Tax</p> -->
										</td>
										<td>
											<p class="text-right">
												BDT {{$order->net_total}}
											</p>
											<p class="text-right">
												BDT {{$order->net_total}}
											</p>
											<!-- <p class="text-right text-secondary">
												<strong>BDT {{$order->tax}}</strong>
											</p> -->
										</td>
									</tr>
								</tbody></table>
							</div>
						</div>
						<!-- Row end -->

						<div class="spacer20"></div>

						<!-- Row start -->
						<div class="row gutters">
							<div class="col-lg-6 col-md-6 col-sm-6">
								<p class="text-uppercase">
									<strong>Billing Information</strong>
								</p>
								<address>
									<strong>
										{{title_case($order->customer_name)}}
									</strong>
									<br>
									{{$order->address}}<br>
									{{$order->customer_email}}<br>
									Tel: {{$order->customer_phone}}<br>
								</address>
							</div>
							<div class="col-lg-6 col-md-6 col-sm-6">
								<p class="text-uppercase">
									<strong>Payment Method</strong>
								</p>
								<address>
									<strong>Credit Card</strong><br>
									Credit Card Type: Visa<br>
									Transaction ID: #0009324670<br><br>
								</address>
							</div>
						</div>
						<!-- Row end -->

						<div class="spacer30"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Row end -->
@stop


@section('js')
	@parent
	<script>
		function printDiv(divName) {
            var printContents = document.getElementById(divName).innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents;
            window.print();
            document.body.innerHTML = originalContents;
        }
	</script>
@stop