@extends('layouts.app')

@section('content')
	<div class="row">
		<div class="col-auto">
			<h2>Escritorio | {{ Auth::user()->name }}</h2>
		</div>
	</div>
	<hr>
	@if (session('status'))
		<div class="alert alert-success" role="alert">
			{{ session('status') }}
		</div>
	@endif
	@if (auth()->user()->hasRole('sales'))
		@foreach ($mis_negocios as $negocio)
			@php
				$pedidos_pendientes = App\Orden::where('negocio_id','=', $negocio->id)->where('estado','=','pendiente')->orderBy('created_at','desc')->get();
				$pedidos_aceptados = App\Orden::where('negocio_id','=', $negocio->id)->where('estado','=','aceptado')->orderBy('created_at','desc')->get();
				$pedidos_enviados = App\Orden::where('negocio_id','=', $negocio->id)->where('estado','=',['enviado','listo'])->orderBy('created_at','desc')->get();
				$pedidos_recibidos = App\Orden::where('negocio_id','=', $negocio->id)->where('estado','=',['recibido','entregado'])->orderBy('created_at','desc')->get();
			@endphp
			<h4 class="sub-title">{{$negocio->name}}</h4>
			<div class="row">
				<div class="col-md-6 table-responsive" style="background: rgb(194, 194, 194);">
					<h4 class="sub-title pt-2">Pedidos pendientes</h4>
					<table class="table table-striped">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">Usuario</th>
								<th scope="col">Pedido</th>
								<th scope="col">Total</th>
								<th scope="col">Tipo</th>
								<th scope="col">Acciones</th>
						  	</tr>
						</thead>
						<tbody>
							@foreach ($pedidos_pendientes as $pedido)
								<tr>
									<th scope="row">{{$pedido->id}}</th>
									<td>{{$pedido->user->name}}</td>
									<td>
										@php
											$pedidos = json_decode($pedido->pedido);
											$total = 0;
										@endphp
										@foreach ($pedidos as $item)
											@php
												$item_n = json_decode($item);
												$total = $total + $item_n->precio;
											@endphp
											{{$item_n->producto}}
											@if ($item_n->cantidad > 0)
												{{$item_n->cantidad}}
											@endif
											${{$item_n->precio}}
										@endforeach
									</td>
									<td>${{$total}}</td>
									<td>{{$pedido->tipo}}</td>
									<td>
										<div class="btn-group pl-2" role="group">
											<button class="btn btn-sm btn-success"  onclick="aceptarOrden({{$pedido->id}})">Aceptar</button>
											<button class="btn btn-sm btn-danger" onclick="rechazarOrden({{$pedido->id}})">Rechazar</button>
										</div>
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				<div class="col-md-6 table-responsive" style="background: rgb(208, 195, 255);">
					<h4 class="sub-title pt-2">Pedidos Aceptados</h4>
					<table class="table table-striped">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">Usuario</th>
								<th scope="col">Pedido</th>
								<th scope="col">Total</th>
								<th scope="col">Acciones</th>
						  	</tr>
						</thead>
						<tbody>
							@foreach ($pedidos_aceptados as $pedido)
								<tr>
									<th scope="row">{{$pedido->id}}</th>
									<td>{{$pedido->user->name}}</td>
									<td>
										@php
											$pedidos = json_decode($pedido->pedido);
											$total = 0;
										@endphp
										@foreach ($pedidos as $item)
											@php
												$item_n = json_decode($item);
												$total_item = $item_n->precio * $item_n->cantidad;
												$total = $total + $total_item;
											@endphp
											{{$item_n->producto}}
											@if ($item_n->cantidad > 0)
												{{$item_n->cantidad}}
											@endif
											{{-- ${{$item_n->precio}} --}}
										@endforeach
									</td>
									<td>${{$total}}</td>
									<td>
										@if ($pedido->tipo == 'pickup')
											<button class="btn btn-sm btn-success"  onclick="ordenLista({{$pedido->id}})">Orden Lista</button>
										@else
											<form method="POST" id="create-form" action="{{action('OrdenesController@enviarOrder',$pedido->id)}}" enctype="multipart/form-data" class="">
												@csrf
												<div class="form-row">
													<div class="col-auto">
														<div class="form-group">
															<div class="input-group">
																<div class="input-group-prepend">
																	<label class="input-group-text" for="repartidor">Repartidor:</label>
																</div>
																@if (isset($pedido->negocio->dealers))
																	<select class="custom-select" id="repartidor" name="repartidor">
																		{{-- <option selected>Elegir...</option> --}}
																		@foreach (json_decode($pedido->negocio->dealers) as $dealer)
																			<option value="{{json_encode($dealer)}}">{{$dealer->name}}</option>
																		@endforeach
																	</select>
																@else
																	<input type="text" class="form-control" name="repartidor" id="repartidor">
																	<div class="w-100 mb-2"></div>
																	<div class="input-group-prepend">
																		<label class="input-group-text" for="repartidor_tel">Telefono:</label>
																	</div>
																	<input type="text" class="form-control" name="repartidor_tel" id="repartidor_tel">
																@endif
															</div>
														</div>
														<div class="form-group">
															<div class="input-group">
																<div class="input-group-prepend">
																	<label class="input-group-text" for="tiempo_entrega">Tiempo aprox:</label>
																</div>
																<input type="time" class="form-control" name="tiempo_entrega" id="tiempo_entrega" list="tiempos">
															</div>
														</div>
													</div>
													<div class="col">
														<button class="btn btn-sm btn-info">Enviar</button>
													</div>
												</div>
											</form>
										@endif
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				<div class="col-md-6 table-responsive" style="background: rgb(176, 235, 184);">
					<h4 class="sub-title pt-2">Pedidos Enviados/Listos</h4>
					<table class="table table-striped">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">Usuario</th>
								<th scope="col">Pedido</th>
								<th scope="col">Total</th>
								<th scope="col">Repartidor</th>
						  	</tr>
						</thead>
						<tbody>
							@foreach ($pedidos_enviados as $pedido)
								<tr>
									<th scope="row">{{$pedido->id}}</th>
									<td>{{$pedido->user->name}}</td>
									<td>
										@php
											$pedidos = json_decode($pedido->pedido);
											$total = 0;
										@endphp
										@foreach ($pedidos as $item)
											@php
												$item_n = json_decode($item);
												$total = $total + $item_n->precio;
											@endphp
											{{$item_n->producto}}
											@if ($item_n->cantidad > 0)
												{{$item_n->cantidad}}
											@endif
											${{$item_n->precio}}
										@endforeach
									</td>
									<td>${{$total}}</td>
									<td>
										@if ($pedido->tipo = "pickup")
											<button class="btn btn-sm btn-success"  onclick="ordenLista({{$pedido->id}})">Orden Lista</button>
										@else
											@php
												$repartidor = json_decode($pedido->repartidor);
											@endphp
											<span>Repartidor: <span class="text-orange">{{$repartidor->name}}</span></span>
											<br>
											<span>Tel: <span class="text-orange">{{$repartidor->telefono}}</span></span>
											<br>
											<span>Tiempo de entrega: <span class="text-orange">{{$pedido->tiempo_entrega}}</span></span>
											{{-- {{$pedido->repartidor}} --}}
										@endif
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
				<div class="col-md-6 table-responsive" style="background: rgb(255, 255, 255);">
					<h4 class="sub-title pt-2">Pedidos Recibidos</h4>
					<table class="table table-striped">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">Usuario</th>
								<th scope="col">Pedido</th>
								<th scope="col">Total</th>
								<th scope="col">Repartidor</th>
						  	</tr>
						</thead>
						<tbody>
							@foreach ($pedidos_recibidos as $pedido)
								<tr>
									<th scope="row">{{$pedido->id}}</th>
									<td>{{$pedido->user->name}}</td>
									<td>
										@php
											$pedidos = json_decode($pedido->pedido);
											$total = 0;
										@endphp
										@foreach ($pedidos as $item)
											@php
												$item_n = json_decode($item);
												$total = $total + $item_n->precio;
											@endphp
											{{$item_n->producto}}
											@if ($item_n->cantidad > 0)
												{{$item_n->cantidad}}
											@endif
											${{$item_n->precio}}
										@endforeach
									</td>
									<td>${{$total}}</td>
									<td>
										@if ($pedido->tipo = "pickup")

										@else
											@php
												$repartidor = json_decode($pedido->repartidor);
											@endphp
											<span>Repartidor: <span class="text-orange">{{$repartidor->name}}</span></span>
											<br>
											<span>Tel: <span class="text-orange">{{$repartidor->telefono}}</span></span>
											<br>
											<span>Tiempo de entrega: <span class="text-orange">{{$pedido->tiempo_entrega}}</span></span>
											{{-- {{$pedido->repartidor}} --}}
										@endif
									</td>
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		@endforeach
	@else
		@php
			$direcciones = 	App\Direccion::where('user_id','=', Auth::user()->id)->get();
			$pedidos_pendientes = App\Orden::where('user_id','=', Auth::user()->id)->where('estado','=','pendiente')->get();
		@endphp
		<div class="row">
			<div class="col-4">
				<div class="card bg-gris-c text-black-50" >
					<div class="card-body">
						<h5 class="card-title text-dark">Mis Direcciones</h5>
							@if (count($direcciones) > 0)
								@foreach ($direcciones as $direccion)
									<p class="card-text">- {{$direccion->name}}</p>
								@endforeach
							@else
								<p class="card-text">Recuerda que puedes registrar tus direcciones</p>
							@endif
						<a href="/mis-direcciones" class="card-link text-purple-n">Mis Direcciones</a>
					</div>
				</div>
			</div>
			<div class="col-4">
				<div class="card bg-gris-c text-black-50" >
					<div class="card-body">
						<h5 class="card-title text-dark">Mis pedidos pendientes</h5>
						@if (count($pedidos_pendientes) >0)
							@foreach ($pedidos_pendientes as $pedido)
								<p>#{{$pedido->id}} - {{$pedido->negocio->name}}</p>
							@endforeach
						@else
							<p class="card-text">No tienes pedidos Pendientes</p>
						@endif
					</div>
				</div>
			</div>
		</div>

	@endif
	<datalist id="tiempos">
		<option value="00:05"></option>
		<option value="00:10"></option>
		<option value="00:15"></option>
		<option value="00:20"></option>
		<option value="00:25"></option>
		<option value="00:30"></option>
		<option value="00:35"></option>
		<option value="00:40"></option>
		<option value="00:45"></option>
		<option value="00:50"></option>
		<option value="00:55"></option>
		<option value="01:00"></option>
	</datalist>
@endsection
@section('js')
	<script>
		// ajax cancelar
		function cancelOrden(id) {
			console.log('click cambiar: ',id);
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: "/cancelar-orden/"+id,
				method: "POST"
			})
			.done(function(data) {
				console.log('success: ', data);
				location.reload();
			})
			.fail(function(xhr) {
				console.log('error: ', xhr);
			});
		}
		// ajax aceptar
		function aceptarOrden(id) {
			console.log('click cambiar: ',id);
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: "/aceptar-orden/"+id,
				method: "POST"
			})
			.done(function(data) {
				console.log('success: ', data);
				location.reload();
			})
			.fail(function(xhr) {
				console.log('error: ', xhr);
			});
		}
		// ajax rechazar
		function rechazarOrden(id) {
			console.log('click cambiar: ',id);
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: "/rechazar-orden/"+id,
				method: "POST"
			})
			.done(function(data) {
				console.log('success: ', data);
				location.reload();
			})
			.fail(function(xhr) {
				console.log('error: ', xhr);
			});
		}
		// ajax lista
		function ordenLista(id) {
			console.log('click cambiar: ',id);
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: "/lista-orden/"+id,
				method: "POST"
			})
			.done(function(data) {
				console.log('success: ', data);
				location.reload();
			})
			.fail(function(xhr) {
				console.log('error: ', xhr);
			});
		}
		// ajax Entregar
		function ordenEntregar(id) {
			console.log('click cambiar: ',id);
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$.ajax({
				url: "/entregar-orden/"+id,
				method: "POST"
			})
			.done(function(data) {
				console.log('success: ', data);
				location.reload();
			})
			.fail(function(xhr) {
				console.log('error: ', xhr);
			});
		}
	</script>
@endsection