@extends('master')

@section('breadcrumb')
<li class="breadcrumb-item">
	@if(Auth::user()->shop_id)
	<a href="{{ url('/orders/'.Auth::user()->shop_id.'/all') }}">
	@else
	<a href="{{ url('/orders/all/all') }}">
	@endif
	
		<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-basket" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9H2zM1 7v1h14V7H1zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"/>
		</svg> Ordenes
	</a>
</li>

<li class="breadcrumb-item">
	<a href="{{ url('/order/'.$order->id.'/view') }}">
		<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-basket" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
			<path fill-rule="evenodd" d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9H2zM1 7v1h14V7H1zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"/>
		</svg> {{ $order->getShop->name }} | Orden #{{ $order->onumber }}
	</a>
</li>

@stop

@section('content')
<div class="row mtop32">
	<!-- Row md-3 -->
	<div class="col-md-3">

		<!-- Shop -->
		<div class="shops_lists">
			<div class="ccard shadow">
				<div class="featured">
					@if($order->getShop->status == "0")
					<div class="status ctooltip">
						<span class="tool">Estado Oculto</span>
						<img src="{{ url('static/images/icons/lock.png') }}">
					</div>
					@endif
					<img src="{{ config('cms.cdn') }}/platform/shop/{{ $order->getShop->id }}/{{ $order->getShop->featured_file_path }}/{{ $order->getShop->featured_file_name }}" class="img_featured">
					<div class="float_circle_icon">
						<img src="{{ config('cms.cdn') }}/platform/shop/{{ $order->getShop->id }}/{{ $order->getShop->icon_file_path }}/{{ $order->getShop->icon_file_name }}" class="shadow">
					</div>
				</div>

				<div class="inside">
					<div class="title truncate">Comercio: {{ $order->getShop->name }}</div>
					@if($order->status == "1")
					<a href="{{ url('/order/'.$order->id.'/status/2') }}" class="btn mtop16 btn-success btn-sm w-100">Procesar Orden</a>

					<a href="{{ url('/order/'.$order->id.'/status/100') }}" class="btn mtop32 btn-danger btn-sm w-100">Rechazar orden</a>
					@endif

					@if($order->status == "2")
					<a href="{{ url('/order/'.$order->id.'/status/3') }}" class="btn mtop16 btn-success btn-sm w-100">Orden Lista</a>
					@endif

					@if($order->status == "3")
					<a href="{{ url('/order/'.$order->id.'/status/4') }}" class="btn mtop16 btn-success btn-sm w-100">Orden Enviada</a>
					@endif

				</div>
			</div>
		</div>
		<!-- End Shop -->
    
        @if($order->payment_status)
    		@if($order->status != "100") 
    		<!-- Payment Status --> 
    		@include('orders.payment_status_block')
    		@endif
    	@endif

		<!-- User -->
		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h3><i class="bi bi-person-circle"></i> Usuario</h3>
				</div>
				<div class="mini_profile">
					<div class="row">
						<div class="col-md-4">
							@if(is_null($order->getUser->avatar))
							<img src="{{ url('/static/images/default_avatar.png') }}" class="img-fluid rounded-circle">
							@else
							<img src="{{ config('cms.cdn') }}/user/{{ $order->getUser->id }}/512_{{ $order->getUser->avatar }}" class="img-fluid rounded-circle">
							@endif
						</div>
					</div>
					<div class="row mtop16">
						<div class="col-md-12">
							<p><strong><i class="bi bi-person-circle"></i> Nombre:</strong> {{ $order->getUser->name }}</p>
							<p><strong><i class="bi bi-envelope-open"></i> E-mail:</strong> {{ $order->getUser->email }}</p>
							<p><strong><i class="bi bi-telephone-fill"></i> Teléfono:</strong> {{ $order->getUser->phone }}</p>
							<p><strong><i class="bi bi-clock-history"></i> Ordenes entregadas:</strong> {{ $order->getUser->getOrders->where('status', '5')->count() }}</p>
							<p><strong><i class="bi bi-clock-history"></i> Ordenes rechazadas:</strong> {{ $order->getUser->getOrders->where('status', '100')->count() }}</p>
							<p><a href="{{ url('/user/'.$order->user_id) }}">Ver perfil del usuario</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- End User -->
		@if($order->status != "100")
		@if($order->otype == "0")
		<!-- Delivery Man -->
		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h3><i class="bi bi-truck"></i> Repartidor</h3>
				</div>

				@if($order->status < 4)
				{!! Form::open(['url' => '/order/'.$order->id.'/delivery']) !!}
				<select name="delivery_man_id" class="form-select">
					<option value="0" @if(is_null($order->delivery_man_id)) selected @endif>Sin repartidor asignado</option>
					@foreach($users_delivery_man as $udm)
					<option value="{{ $udm->id }}" @if($udm->id == $order->delivery_man_id) selected @endif>{{ $udm->name }}</option>
					@endforeach
				</select>

				{!! Form::submit('Asignar', ['class' => 'btn btn-success btn-sm mtop16']) !!}
				{!! Form::close() !!}
				@endif

				@if(!is_null($order->delivery_man_id))
				<div class="mini_profile mtop16 ptop16 btop1">
					<div class="row">
						<div class="col-md-4">
							@if(is_null($order->getDeliveryMan->avatar))
							<img src="{{ url('/static/images/default_avatar.png') }}" class="img-fluid rounded-circle">
							@else
							<img src="{{ config('cms.cdn') }}/user/{{ $order->getDeliveryMan->id }}/512_{{ $order->getDeliveryMan->avatar }}" class="img-fluid rounded-circle">
							@endif
						</div>
					</div>

					<div class="row mtop16">

						<div class="col-md-12">
							<p><strong><i class="bi bi-person-circle"></i> Nombre:</strong> {{ $order->getDeliveryMan->name }}</p>
							<p><strong><i class="bi bi-telephone-fill"></i> Teléfono:</strong> {{ $order->getDeliveryMan->phone }}</p>
							<p><strong><i class="bi bi-clock-history"></i> Ordenes entregadas:</strong> {{ $order->getDeliveryMan->getOrdersDelivery->where('status', '5')->count() }}</p>
						</div>
					</div>
				</div>
				@endif
			</div>
		</div>
		<!-- End Delivery Man -->
		@endif
		@endif


		<!-- Activity -->
		<div class="panel mtop32">
			<div class="inside">
				<div class="title mb16">
					<h3><i class="bi bi-calendar-week"></i> Actividad</h3>
				</div>
				<div class="btop1">
					<ul class="mtop16">
						<li><strong><i class="bi bi-chevron-right"></i> Requerida:</strong> {{ $order->request_at }}</li>
						<li><strong><i class="bi bi-chevron-right"></i> Repartidor asignado:</strong> {{ $order->assigned_delivery_man_at }}</li>
						<li><strong><i class="bi bi-chevron-right"></i> Procesando:</strong> {{ $order->processing_at }}</li>
						<li><strong><i class="bi bi-chevron-right"></i> Orden lista:</strong> {{ $order->ready_to_pick_up }}</li>
						<li><strong><i class="bi bi-chevron-right"></i> Enviada:</strong> {{ $order->send_at }}</li>
						<li><strong><i class="bi bi-chevron-right"></i> Entregada:</strong> {{ $order->delivery_at }}</li>
					</ul>
				</div>
			</div>
		</div>

		<!-- End Activity -->

	</div>
	<!-- End Row md-3 -->

	<!-- Row md-9 -->
	<div class="col-md-9">
		<div class="panel">
			<div class="inside">

				<div class="title mb16">
					<h3>
						<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-basket" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9H2zM1 7v1h14V7H1zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"/>
						</svg> Detalle de la orden {{ $order->onumber }} | Estado: {{ order_status($order->status) }}
						<!--<a href="{{ url('/order/'.$order->id.'/print') }}" target="_blank" class="float-end ctooltip"><span class="tool">Imprimir</span><i class="bi bi-printer"></i></a> -->
					</h3>
				</div>
				
				<table class="table table-hover table-bordered table-items mtop16">
					<thead>
						<tr>
							<td><strong>Producto</strong></td>
							<td><strong>Precio</strong></td>
							<td><strong>Extras</strong></td>
							<td><strong>Total</strong></td>
						</tr>
					</thead>

					<tbody>
						@foreach($order->getItemsProcessed as $item)
						<tr>
							<td>
								{{ $item->label }}
								@if($item->options != null || count($item->getProduct->getExtras) > 0)
									<div class="options">
										
										<div class="to_show" id="to_show_{{ $item->id }}">
										<!-- Selections -->
										@if($item->options)
										<p><strong>Opciones:</strong></p>
										<div class="options_list mb16">
											@foreach(json_decode($item->options) as $key => $option)
											<div class="option">
											<strong>{!! $key !!}</strong> @if(count($option) > 0) @foreach($option as $op) {{ $op }} @endforeach @endif
											</div>
											@endforeach
										</div>
										@endif

										<!-- Extras -->
										@if(count($item->getExtras) > 0)
										<div class="extras_list">
											<p><strong>Extras Agregados:</strong></p>
											<div class="options_list">
												@foreach($item->getExtras as $extadd)
													<div class="option">
														{{ $extadd->label }} {{ number($extadd->price) }}
													</div>
												@endforeach
											</div>
										</div>
										@endif
										
										</div>
										
									</div>
								@endif
							</td>
							<td>
								@if($item->discount > '0')
								<small><span style="text-decoration: line-through;">{{ number($item->original_price) }}</span></small> - 
								@endif
								{{ number($item->price) }}
							</td>
							<td>{{ number($item->extras_amount) }}</td>
							<td>{{ number($item->itotal) }}</td>
						</tr>
						@endforeach
						<tr>
							<td colspan="3"><span class="float-end"><strong>Subtotal:</strong></span></td>
							<td>{{ number($order->subtotal) }}</td>
						</tr>
						<tr>
							<td colspan="3"><span class="float-end"><strong>Delivery:</strong></span></td>
							<td>{{ number($order->delivery_price) }}</td>
						</tr>
						@if($order->otype == "0" || $order->otype == "2")
							<tr>
								<td colspan="3"><span class="float-end"><strong>Propina:</strong></span></td>
								<td>{{ number($order->tip_amount) }}</td>
							</tr>
							@endif

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

				</table>

				@if($order->user_msg)
				<div class="title mtop32">
					<h3>
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots" viewBox="0 0 16 16">
						  <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
						  <path d="M2.165 15.803l.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z"/>
						</svg> Mensaje del usuario
						
					</h3>
				</div>

				<div class="mtop16" style="background-color: #f0f0f0; text-align: center; padding: 24px;
				 font-size: 18px;">{!! $order->user_msg !!}</div>

				@endif

			</div>
		</div>

		@include('orders.payment_info_block')
	</div>
	<!-- End Row md-3 -->

</div>

@stop