@extends('master')

@section('navbar')
<!--
<li><a href="#ModalOrdersFilter" class="modal-trigger"><i class="bi bi-filter"></i></a></li>

-->
@endsection

@section('navbar-tabs')
<div class="nav-content">
	<ul class="tabs">
		<li class="tab"><a href="#info"><i class="bi bi-clipboard"></i> Detalles</a></li>
		<li class="tab"><a href="#times"><i class="bi bi-clock"></i> Trazabilidad</a></li>
		@if($order->otype == "0" && $order->status <= 3)
		<li class="tab"><a href="#delivery"><i class="bi bi-bicycle"></i> Driver</a></li>
		@endif
	</ul>
</div>
@endsection


@section('content')

<div id="info">
	<div class="panel panel_order mtop24">
		<div class="inside">
			<div class="body">
				<div class="summary">
					<span>Estado: {{ order_status($order->status) }}</span>
					<span>Tipo: {{ getOrderType($order->otype) }}</span>
					<span>Factura: @if($order->user_rtn_id == '0') Consumidor final @else {{ $order->getRtn->rtn_name }}, {{ $order->getRtn->rtn }} @endif</span>
					@if($order->payment_method)<span>Método de pago: {{ getPaymentsMethods($order->payment_method) }}</span>@endif
				</div>
			</div>
		</div>
		@if($order->status == "1")
		<ul class="collection">
			<li class="collection-item" style="padding-top: 0px;">
			 	<div class="row">
			 		<div class="col s6" style="padding-left: 0px;">
			 			<a href="{{ url('/order/'.$order->id.'/status/2/change') }}" class="btn btn-success w-100">Aceptar</a>
			 		</div>
			 		<div class="col s6" style="padding-left: 0px;">
			 			<a href="{{ url('/order/'.$order->id.'/status/100/change') }}" class="btn btn-danger w-100 sl">Rechazar</a>
			 		</div>
			 	</div>
			 </li>
		</ul>
		@endif
		@if($order->status == "2")
		<ul class="collection">
			<li class="collection-item" style="padding-top: 0px;">
			 	<div class="row">
			 		<div class="col s12" style="padding: 0px;">
			 			<a href="{{ url('/order/'.$order->id.'/status/3/change') }}" class="btn btn-success w-100">Lista para recoger</a>
			 		</div>
			 	</div>
			 </li>
		</ul>
		@endif

		@if($order->status == "3" && $order->otype > 0)
		<ul class="collection">
			<li class="collection-item" style="padding-top: 0px;">
			 	<div class="row">
			 		<div class="col s12" style="padding: 0px;">
			 			<a href="{{ url('/order/'.$order->id.'/status/5/change') }}" class="btn btn-success w-100">Entregada</a>
			 		</div>
			 	</div>
			 </li>
		</ul>
		@endif
	</div>
	<!-- Client -->
	<div class="panel mtop16">
		<ul class="collection">
			<li class="collection-item avatar" style="border-bottom: 0px;">
				@if(!is_null($order->getUser->avatar))
			 		<img src="{{ getFileUrl($order->getUser->avatar, '512') }}" class="circle">
			 	@else
			 		<img src="{{ url('/static/images/default_avatar.png') }}" class="circle">
			 	@endif
			 	<span class="title"> Order - {{ $order->onumber }}</span>
			 	<p><small><i class="bi bi-person"></i> Cliente: {{ $order->getUser->name }}</small></p>
			 	<p><small><i class="bi bi-shop"></i> {{ $order->getShop->name }}</small></p>
			 	<p><small><i class="bi bi-calendar"></i> {{ translateDate($order->request_at) }}</small></p>
			 	<p><small><i class="bi bi-database"></i> DEVID: {{ $order->id }}</small></p>
			</li>
			<li class="collection-item" style="padding-top: 0px;">
			 	<div class="row">
			 		<div class="col s6" style="padding-left: 0px;">
			 			<a href="tel:{{ $order->getUser->phone }}" class="btn btn-primary w-100">LLamar cliente</a>
			 		</div>
			 		<div class="col s6" style="padding-left: 0px;">
			 			<a href="{{ url('/order/'.$order->id.'/view') }}" class="btn btn-flat w-100 sl">Actualizar</a>
			 		</div>
			 	</div>
			 </li>
		</ul>
	</div>

	<div class="panel mtop16">
		<div class="inside">
			<div class="title">
				<h3>Detalles de la orden</h3>
			</div>

			<div class="body">
				<ul class="mtop16">
				@if($order->getItems->count() > 0)
					@foreach($order->getItems as $item)
					<li style="padding-top: 0px;">
						<div class="picture">
							@if($item->getProduct->file_name)
					 		<img src="{{ config('cms.cdn') }}/platform/shop/{{ $item->shop_id.'/'.$item->getProduct->file_path.'/t_'.$item->getProduct->file_name }}">
					 		@endif
				 		</div>
				 		<div class="info">
				 			<div class="section">
								<span class="title">{!! $item->label !!}</span>
								@include('orders.components.product_options_extras')
							</div>
							<div class="section">
								<span class="small">Precio: {{ number($item->price) }}</span>
								@if($item->discount > 0)
								<span class="original_price">{{ $item->discount }}% Descuento</span>
								@endif
								<span class="small">Extras: {{ number($item->extras_amount) }}</span>
								<span class="small">Total: {{ number($item->itotal) }}</span>
							</div>
						</div>
					</li>
					@endforeach
				@endif
				</ul>

				<div class="summary mtop16">
					<span class="title">Subtotal: {{ number($order->subtotal) }}</span>
					@if($order->otype == "0")
					<span class="title">Delivery: {{ number($order->delivery_price) }}</span>
					@endif

					@if($order->otype == "0" || $order->otype == "2")
					<span class="title">Propina: {{ number($order->tip_amount) }}</span>
					@endif

					@if($order->coupon_id)
					<span class="title">Cupón ({{ $order->getCoupon->code }}): {{ number($order->coupon_value) }}</span>
					@endif
					<span class="title">Total: {{ number($order->ototal) }}</span>
					@if($order->exchange > 0)
					<span class="mtop8">Cambio de: {{ number($order->exchange) }}</span>
					@endif
				</div>
			</div>
		</div>
	</div>

	@if(!is_null($order->delivery_man_id) && $order->delivery_man_id != "0")
	<div class="panel mtop16">
		<ul class="collection">
			<li class="collection-item avatar" style="border-bottom: 0px;">
				@if(!is_null($order->getDeliveryMan->avatar))
					<img src="{{ getFileUrl($order->getDeliveryMan->avatar, '512') }}" class="circle">
					@else
		 			<img src="{{ url('/static/images/default_avatar.png') }}" class="circle">
		 		@endif
		 		<span class="title">Repartidor</span>
		 		<p><small><i class="bi bi-person"></i> Nombre: {{ $order->getDeliveryMan->name }}</small></p>
		 		<p><small><i class="bi bi-shop"></i> Empresa: {{ $order->getDeliveryMan->getShop->name }}</small></p>
		 	</li>
		 	@if($order->getDeliveryMan->phone)
		 	<li class="collection-item" style="padding-top: 0px;">
		 		<div class="row">
		 			<div class="col s12" style="padding: 0px;">
		 				<a href="tel:{{ $order->getDeliveryMan->phone }}" class="btn btn-flat w-100">Llamar</a>
		 			</div>
		 		</div>
		 	</li>
		 	@endif
		</ul>
	</div>
	@endif

	@if($order->user_msg)
	<div class="panel mtop16">
		<div class="inside">
			<div class="title">
				<h3>Mensaje del usuario</h3>
			</div>
			<div class="body mtop16">
				{!! $order->user_msg !!}
			</div>
		</div>
	</div>
	@endif

	@if($order->otype == "0")
	@if($order->user_addr_id)
	<div class="panel mtop16">
		<div class="inside">
			<div class="title">
				<h3>Dirección de entrega</h3>
			</div>

			<div class="body mtop16">
				<div class="summary">
					<span>
						Barrio/colonia o residencial: {{ $order->getAddr->neighborhood }}
					</span>
					<span>
						Calle, Avenida, Bloque: {{ $order->getAddr->street }}
					</span>
					<span>
						Casa #: {{ $order->getAddr->home_number }}
					</span>

					@if($order->getAddr->map)
					<iframe src="https://maps.google.com/?output=embed&q={{ $order->getAddr->map }}" frameborder="0" width="100%" height="120" class="mtop8"></iframe>
					@endif
				</div>
			</div>
		</div>
	</div>
	@endif
	@endif

	@if($order->user_address_text)
	<div class="panel mtop16">
		<div class="inside">
			<div class="title">
				<h3>Dirección de entrega</h3>
			</div>

			<div class="body mtop16">
				<div class="summary">
					<span>
						{{ $order->user_address_text }}
					</span>
				</div>
			</div>
		</div>
	</div>
	@endif
</div>

<div id="times">
	<div class="panel mtop24">
		<div class="inside">
			<div class="body">
				<ul class="collection">
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Creada:{{ translateDateShort($order->created_at) }}
					</li>
					@if($order->request_at)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Solicitada: {{ translateDateShort($order->request_at) }}
					</li>
					@endif

					@if($order->paid_at)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Pagada: {{ translateDateShort($order->paid_at) }}</li>
					@endif
					@if($order->processing_at)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Procesando: {{ translateDateShort($order->processing_at) }}</li>
					@endif
					@if($order->ready_to_pick_up)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Lista: {{ translateDateShort($order->ready_to_pick_up) }}</li>
					@endif
					@if($order->assigned_delivery_man_at)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Driver Asignado: {{ translateDateShort($order->assigned_delivery_man_at) }}</li>
					@endif
					@if($order->delivery_man_accepted_at)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Aceptada por Driver: {{ translateDateShort($order->delivery_man_accepted_at) }}</li>
					@endif
					@if($order->send_at)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Enviada: {{ translateDateShort($order->send_at) }}</li>
					@endif
					@if($order->delivery_at)
					<li class="collection-item" style="padding-left: 0px; padding-right: 0px;">
						<i class="bi bi-chevron-right"></i> Entregada: {{ translateDateShort($order->delivery_at) }}</li>
					@endif
				</ul>
			</div>
		</div>
	</div>
</div>
@if($order->otype == "0" && $order->status <= 3)
<div id="delivery">
	<div class="panel mtop24">
		<div class="inside">
			<div class="body">
				{!! Form::open(['url' => '/order/'.$order->id.'/delivery']) !!}
					<div class="group">
						{{ Form::select('delivery_company', $delivery_companys, $order->delivery_company_id, ['class' => 'browser-default']) }}
					</div>

					{{ Form::submit('Guardar', ['class' => 'btn btn-success w-100 mtop16 sl']) }}	
				{!! Form::close() !!}
			</div>
		</div>
	</div>
</div>
@endif

@endsection