@extends('master')
@section('title')
Orden: {{ $order->onumber }}
@stop

@section('custom_js_files')
<script src="{{ url('/static/js/shops.js?v='.time()) }}"></script>
@stop

@section('content')
<div class="page mtop32">
	<div class="container">
		<div class="row">
		
			<div class="col-md-8">
				<div class="md_card shadow" style="margin-bottom: 16px;">
					<h4 class="title"><i class="bi bi-bag-check"></i> Orden: {{ $order->onumber }} | Restaurante: {{ $order->getShop->name }}</h4>
					<div class="inside">
						@if($order->getItems->count() > 0)
						<div class="table-responsive">
							<table class="table table-bordered table_cart">
								<thead>
									<tr>
										<td width="64"></td>
										<td><strong>Producto</strong></td>
										<td><strong>Subtotal</strong></td>
										<td><strong>Extras</strong></td>
										<td><strong>Total</strong></td>

									</tr>
								</thead>
								<tbody>
								@foreach($order->getItems as $item)
								<tr>
									<td width="64">
										@if($item->getProduct->file_name)
											<img src="{{ config('cms.cdn') }}/platform/shop/{{ $item->shop_id.'/'.$item->getProduct->file_path.'/t_'.$item->getProduct->file_name }}" class="img-fluid rounded">
										@else
											<img src="{{ url('/static/images/product_image_default.png') }}">
										@endif
									</td>
									<td>
										{!! $item->label !!}
										@if($item->discount > 0)
										| <span class="original_price">{{ $item->discount }}% Descuento</span>
										@endif

										@include('components.product_options_extras')
									</td>
									<td class="text-nowrap">
										{{ number($item->price) }}
										@if($item->discount > 0)
										| <span class="original_price">{{ number($item->original_price) }}</span>
										@endif
									</td>
									<td class="text-nowrap">{{ number($item->extras_amount) }}</td>
									<td class="text-nowrap">{{ number($item->itotal) }}</td>
								</tr>
								@endforeach
								<tr>
									<td colspan="3"></td>
									<td><strong>Subtotal:</strong></td>
									<td class="text-nowrap">{{ number($order->subtotal) }}</td>
								</tr>
								@if($order->otype == "0")
								<tr>
									<td colspan="3"></td>
									<td><strong>Delivery:</strong></td>
									<td class="text-nowrap">{{ number($order->delivery_price) }}</td>
								</tr>
								@endif

								@if($order->otype == "0" || $order->otype == "2")
								<tr>
									<td colspan="3"></td>
									<td><strong>Propina:</strong></td>
									<td class="text-nowrap">
										{{ number($order->tip_amount) }}
									</td>
								</tr>
								@endif

								@if($order->coupon_id)
								<tr>
									<td colspan="3"></td>
									<td><strong>Cupón ({{ $order->getCoupon->name }}):</strong></td>
									<td class="text-nowrap">
										{{ number($order->coupon_value) }}
									</td>
								</tr>
								@endif
								<tr>
									<td colspan="3"></td>
									<td><strong>Total:</strong></td>
									<td class="text-nowrap">{{ number($order->ototal) }}</td>
								</tr>
								</tbody>
							</table>
						</div>
						@endif

		            </div>
	            </div>
			</div>

			<div class="col-md-4">
				<div class="md_card shadow">
					<h4 class="title"><i class="bi bi-check2-circle"></i> ¿Como desea su orden?</h4>
					<div class="inside">
						<ul class="list_options_btns">
							@foreach(getOrderType() as $key => $value)
							<li><a href="#" @if($order->otype == $key) class="active" @endif>{{ $value }}</a></li>
							@endforeach
						</ul>
					</div>
				</div>

				
				@if($order->otype == "0")
				<!-- Address -->
				<div class="md_card shadow mtop16">
					<h4 class="title"><i class="bi bi-geo-alt"></i> ¿A dónde lo enviamos? </h4>
					<div class="inside">
						<ul>
							<li>
								<strong>Barrio/colonia o residencial:</strong> {{ $order->getAddr->neighborhood }}
							</li>
							<li>
								<strong>Calle, Avenida, Bloque:</strong> {{ $order->getAddr->street }}
							</li>
							<li>
								<strong>Casa #:</strong> {{ $order->getAddr->home_number }}
							</li>
						</ul>
						@if($order->getAddr->map)
						<iframe src="https://maps.google.com/?output=embed&q={{ $order->getAddr->map }}" frameborder="0" width="100%" height="200"></iframe>
						@endif
					</div>
					
				</div>
				@endif

				<!-- Billing -->
				<div class="md_card shadow mtop16">
					<h4 class="title"><i class="bi bi-receipt"></i> ¿Factura con nombre? </h4>
					<div class="inside">
						<ul class="list_options">
							<li>
								@if($order->user_rtn_id == '0')
								<a href="#" class="active">
									<i class="bi bi-receipt"></i> Consumidor final
								</a>
								@else
								<a href="#" class="active">
									<i class="bi bi-receipt"></i> {{ $order->getRtn->rtn_name }}, {{ $order->getRtn->rtn }}
								</a>
								@endif
							</li>
							
						</ul>
					</div>
				</div>

				
				<!-- Payment -->
				<div class="md_card shadow mtop16">
					<h4 class="title"><i class="bi bi-credit-card"></i> Método de pago seleccionado</h4>
					
					<div class="inside">
						<ul class="list_options_btns">
							<li>
								<a href="#" class="pay_now_btn active">{{ getPaymentsMethods($order->payment_method) }}</a>
							</li>
						</ul>

						@if($order->voucher)
						<a href="{{ getFileUrl($order->voucher) }}" class="mtop16" style="display: block;" target="blank">
							<img src="{{ getFileUrl($order->voucher) }}" class="img-fluid">
						</a>
						@endif
					</div>
				</div>


			</div>
		</div>
	</div>
</div>
@endsection