@extends('layouts.front')
@section('content')
@section('css')
<style type="text/css" media="all">
		.order {
            font-family:  monaco,Consolas,Lucida Console,monospace;
			background: #ffffff none repeat scroll 0 0;
			border: 1px solid #eeeeee;
			margin: 0 auto;
			padding: 0 13px;
			width: 40%;
		}
		.padding{
			padding:7px;
		}
 		.text-right {
    		text-align: right !important;
		}
		.text-center{
			text-align:center !important;
		}
     	td {
		    border: 1px solid;
		    padding: 5px;
		}

		table {
		    width: 100%;
		    margin: 0 0 25px;
		    border-collapse: collapse;
		}
		table, th, td {
			border: 1px solid black;
			font-size: 12px;
			text-align: left;
		}
		th{
			padding: 10px 5px;
		}
		p{
			margin:0;
		}
		.order_no{
			font-size:20px;
		}
		@media print{    
		.no_print{
			size: auto;
			margin: 0;
			display: none !important;
		}
		@page { margin: 0; }
  		body { margin: 0; }
		}
	</style>
@endsection

<!-- Inner Page Banner Area Start Here -->
@php $home = \App\HomePage::findorFail(1); @endphp
<div class="inner-page-banner-area" style="background: url({{asset('/laravel_code/public/banner/' . $home->inner_banner)}}); background-repeat: no-repeat; background-size: cover;">
    <div class="container">
        <div class="pagination-area">
            <h2>Thank you</h2>
            <ul>
                <li><a href="{{route('home')}}">Home</a> - </li>
                <li>Thank you</li>
            </ul>
        </div>
    </div>
</div>
<!-- Inner Page Banner Area End Here -->
<!-- Page Thankyou Area Start Here -->
<div class="page-error-area section-space">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="page-error-top">
                    <p>Gracias por su pedido.</p>
                    <p>Su pedido se encuentra realizado.</p>
                    @if($order_id && $order_id != '')
                    <p style="text-decoration: underline;">Tu Pedido # {{$order_id}}</p>
                    <p><a href="{{route('trackOrder')}}">Siguimiento a tu pedido</a></p>
                    @endif
                </div>
            </div>
            @if(Auth::guard('customer')->check())
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="page-error-bottom">
                    <a href="{{route('customerOrders')}}" class="default-btn">Go To Orders</a>
                </div>
            </div>
            @endif
        </div>
    </div>

    <div class="container order" id="print_receipt">
		
		<div id="logo" class="text-center">
			<!-- logo -->
			@if($settings->receipt_image && $settings->receipt_image != '')
			<img src="{{asset('/laravel_code/public/receipt/' . $settings->receipt_image)}}" width="250px">
			@endif
			<!-- header -->
			@if($settings->receipt_header && $settings->receipt_header != '')
			<?php echo $settings->receipt_header; ?>
			@endif

			<p style="padding-left:20px; padding-right:20px">{{$settings->address.' '.$settings->city}}</p>
			<p>{{isset($settings->phone_no)?$settings->phone_no:''}}, {{isset($settings->mobile_no)?$settings->mobile_no:''}}</p>
		</div>
	
		<div class="padding" class="text-center">
			<p><strong>{{ucwords($order->customer_name)}}</strong></p>
			<p>{{$order->customer_address}}</p>			
			<p>{{$order->customer_phone}}</p>
			<p>{{date("d-m-Y, h:i:s A",strtotime($order->order_date))}}</p>

			@if($order->order_type == 'delivery')
				<p>
				Tipo de Orden: {{$order->order_type}} 
				{{isset($order->server)?ucwords(' | '.$order->server):''}}
				</p>
			@endif

			@if($order->order_type == 'dinein')
				<p>
				Tipo de Orden: {{$order->order_type}} 
				{{isset($order->table_no)?ucwords(' | '.$order->table_no):''}} 
				{{isset($order->server)?ucwords(' | '.$order->server):''}}
				</p>
			@endif

			@if($order->order_type == 'pickup')
				<p>
				Order: {{$order->order_type}} - {{$order->pickup_time}} 
				</p>
			@endif

			<p>Forma de Pago: {{$order->payment_type}}</p>
		</div>

		<div class="padding">
			<p class="text-center order_no">Tu Pedido # <strong>{{$order->order_id}}</strong></p>
		</div>

		<div>
			<table style="width:94%;margin-left: 8px;">
				<tr>
					<th>Items</th>
					<th class="text-center">Price</th>
					<th class="text-center">Qty</th>
					<th class="text-center">Total</th>
				</tr>

				@if(isset($order_detail)) 
					@foreach($order_detail as $row)
					<tr>
						<td>
						{{$row->item_name.' '.$row->price_title }}
						
						<!-- pos -->
						@if($order->order_platform == 'pos')
						@if(isset($row->addons) && !empty($row->addons))
							<br>
							@foreach(json_decode($row->addons) as $adon)
							
							@php 
							$addon_array = explode("|",$adon->value)
							@endphp
							
							@if($addon_array[1] == 0)
							<small>{{$addon_array[0]}}</small><br>
							@else
							<small>{{$addon_array[0].'|'.$addon_array[1]}}</small><br>
							@endif

							@endforeach
						@endif
						@endif

						<!-- web -->
						@if($order->order_platform == 'web')
						@if(!empty($row->addons))
							<br>
							@foreach(json_decode($row->addons) as $adon)
							
							@if($adon->item_price == 0)
							<small>{{$adon->item_name}}</small><br>
							@else
							<small>{{$adon->item_name.' - '.env('CURRENCY').$adon->item_price}}</small><br>
							@endif

							@endforeach
						@endif
						@endif

						</td>
						<td  class="text-right">{{env('CURRENCY')}}{{number_format($row->price)}}</td>
						<td  class="text-right">{{$row->quantity}}</td>
						<td  class="text-right">{{env('CURRENCY')}}{{number_format($row->item_total_price)}}</td>
					</tr>
					@endforeach 
				@endif
				
				<tr>
					<td class="text-right"><strong>Total parcial</strong></td>
					<td colspan="3" class="text-right">{{env('CURRENCY')}}{{number_format($order->subtotal)}}</td>
				</tr>
				@if($order->discount)
				<tr>
					<td class="text-right"><strong>Discount</strong></td>
					<td colspan="3" class="text-right">{{env('CURRENCY')}}{{isset($order->discount)?number_format($order->discount):0}}</td>
				</tr>
				@endif
				@if($order->delivery_charges)
				<tr>
					<td class="text-right"><strong>Los gastos de envío</strong></td>
					<td colspan="3" class="text-right">{{env('CURRENCY')}}{{number_format($order->delivery_charges)}}</td>
				</tr>
				@endif
				@if($order->tax)
				<tr>
					<td class="text-right"><strong>Impuesto ({{$order->tax_rate}})%</td></strong>
					<td colspan="3" class="text-right">{{env('CURRENCY')}}{{$order->tax}}</td>
				</tr>
				@endif
				<tr>
					<td class="text-right"><strong>Total</strong> </td>
					<td colspan="3" class="text-right"><strong>{{env('CURRENCY')}}{{number_format($order->total)}}</strong></td>
				</tr>
				
			</table>
		
			@if($order->special_instructions)
				<b>Special Instructions</b><br>
				{{ $order->special_instructions }}
			@endif

		</div>
	</div>

</div>
<!-- Page Thankyou Area End Here -->

@section('js')
<script type="text/javascript">
    window.localStorage.clear();
</script>
@endsection
@endsection