@extends('default.layout')
@section('content')

<div class="row">

	<div class="col s12">
		<div class="card">
			<div class="card-content">
				<h4 class="center-align">Frente de Pedido Delivery</h4>
				@if(session()->has('message'))
				<div class="row">
					<div style="border-radius: 10px;" class="col s12 {{ session('color') }}">
						<h5 class="center-align white-text">{{ session()->get('message') }}</h5>
					</div>
				</div>
				@endif
				<div class="row">
					@if(!isset($pedido))
					<div class="input-field col s4">
						<i class="material-icons prefix">person</i>
						<input autocomplete="off" type="text" value="{{old('cliente')}}" name="cliente" id="autocomplete-cliente" class="autocomplete-cliente">
						<label for="autocomplete-cliente">Cliente Delivery</label>
						@if($errors->has('cliente'))
						<div class="center-align red lighten-2">
							<span class="white-text">{{ $errors->first('cliente') }}</span>
						</div>
						@endif
					</div>
					<div class="col s1">
						<a class="btn-floating btn-large waves-effect waves-light modal-trigger green" href="#modal-cliente">
							<i class="material-icons">add</i>
						</a>
					</div>
					@else

					<div class="col s4">
						<h6>Cliente: <strong class="red-text">{{$pedido->cliente->nome}} {{$pedido->cliente->sobre_nome}}</strong></h6>
						<h6>Celular: <strong class="red-text">{{$pedido->cliente->celular}}</strong></h6>
					</div>

					@endif

					<div class="input-field col s5">
						<select @if(!isset($pedido)) disabled @endif id="endereco">
							<option value="NULL">Balcão</option>
							@if(isset($pedido))
							@foreach($pedido->cliente->enderecos as $e)
							<option value="{{$e->id}}"
								@if(isset($pedido))
								@if($pedido->endereco_id == $e->id)
								selected
								@endif
								@endif
								>{{$e->rua}}, {{$e->numero}}</option>
								@endforeach
								@endif
							</select>
							<label>Endereço</label>
						</div>
						<div class="col s1">
							<a class="btn-floating btn-large waves-effect waves-light modal-trigger red @if(!isset($pedido)) disabled @endif" href="#modal-endereco">
								<i class="material-icons">add</i>
							</a>
						</div>


					</div>


					@if(isset($pedido) && $pedido->endereco)
					<div class="row">
						<div class="card">
							<div class="card-content">

								<h6>Rua: <strong class="red-text">{{$pedido->endereco->rua}}, {{$pedido->endereco->numero}}</strong> - Bairro: <strong class="red-text">{{$pedido->endereco->bairro}}</strong></h6>
								<h6>Refenrêcia: <strong class="red-text">{{$pedido->endereco->referencia ?? '--'}}</strong></h6>
							</div>
						</div>
					</div>
					@endif
				</div>
			</div>
		</div>
		<div class="col s12">
			<div class="card">

				<div class="card-content">

					<div class="row">
						<form class="col s12" method="post" action="/pedidosDelivery/saveItemCaixa">
							<input type="hidden" id="token" name="_token" value="{{ csrf_token() }}">
							<input type="hidden" id="pedido_id" name="pedido_id" value="{{{ isset($pedido) ? $pedido->id : 0 }}}">

							<div class="row">
								<div>

									<div class="input-field col s4" style="margin-top: 70px;">
										<i class="material-icons prefix">inbox</i>
										<input autocomplete="off" type="text" value="{{old('produto')}}" name="produto" id="autocomplete-produto" class="autocomplete-produto">
										<label for="autocomplete-produto">Produto</label>
										@if($errors->has('produto'))
										<div class="center-align red lighten-2">
											<span class="white-text">{{ $errors->first('produto') }}</span>
										</div>
										@endif
									</div>
								</div>

								<div style="display: none;" id="tamanhos-pizza">
									<div class="">
										<div class="col s4">
											<i class="material-icons prefix">local_pizza</i>

											<div class="chips" id="tamanhos">

											</div>
											<label>Tamanhos de Pizza</label>
											@if($errors->has('tamanho_pizza_id'))
											<div class="center-align red lighten-2">
												<span class="white-text">{{ $errors->first('tamanho_pizza_id') }}</span>
											</div>
											@endif
										</div>
									</div>
								</div>


								<div style="display: none;" id="sabores-pizza" >

									<div class="col s4" style="margin-top: 35px;">
										<i class="material-icons prefix">local_pizza</i>

										<div id="sabores" class="chips chips-autocomplete">
										</div>
										<label>Sabores adicionais</label>
									</div>

								</div>
							</div>

							<input type="hidden" name="tamanho_pizza_id" id="tamanho_pizza_id">
							<input type="hidden" name="sabores_escolhidos" id="sabores_escolhidos">
							<input type="hidden" name="adicioanis_escolhidos" id="adicioanis_escolhidos">



							<div class="row">
								<div class="col s4">
									<i class="material-icons prefix">room_service</i>

									<div class="chips chips-autocomplete" id="adicionais">
									</div>
									<label>Adicionais para este produto</label>
								</div>

								<div class="input-field col s6" style="margin-top: 30px;">
									<i class="material-icons prefix">note</i>
									<input type="text" id="observacao" name="observacao">
									<label>Observação</label>
								</div>
							</div>



							<div class="row">

								<div class="input-field col s2">
									<i class="material-icons prefix">exposure_plus_1</i>
									<input type="text" value="1000" id="quantidade" name="quantidade">
									<label>Quantidade</label>
									@if($errors->has('quantidade'))
									<div class="center-align red lighten-2">
										<span class="white-text">{{ $errors->first('quantidade') }}</span>
									</div>
									@endif
								</div>

								<div class="input-field col s2">
									<i class="material-icons prefix">attach_money</i>
									<input disabled type="text" value="0" id="valor" name="valor">
									<label>Valor</label>
									@if($errors->has('valor'))
									<div class="center-align red lighten-2">
										<span class="white-text">{{ $errors->first('valor') }}</span>
									</div>
									@endif
								</div>


								<div class="col s2">
									<button type="submit" class="btn-large green accent-3 @if(!isset($pedido)) disabled @endif">
										<i class="material-icons">add</i>
									</button>
								</div>
							</div>

						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="col s12">
			<div class="card">

				<div class="card-content">
					<h4 class="center-align">Produtos do Pedido</h4>

					<div class="row">
						<table>
							<thead>
								<tr>
									<th>#</th>

									<th>Produto</th>
									<th>Tamanho de Pizza</th>
									<th>Sabores</th>
									<th>Adicionais</th>
									<th>Status</th>

									<th>Quantidade</th>
									<th>Subtotal+adicional</th>
									<th>Observação</th>
									<th>Ações</th>
								</tr>
							</thead>

														<tbody id="body">
								@if(isset($pedido))
								@foreach($pedido->itens as $i)
								<tr>
									
									<td id="checkbox">

										<p>
											<input type="checkbox" class="check" @if($i->impresso == 0) checked @endif id="item_{{$i->id}}" />
											<label for="item_{{$i->id}}"></label>
										</p>

									</td>
									<td style="display: none" id="item_id">{{$i->id}}</td>
									<td>{{$i->produto->produto->nome}}</td>


									@if(!empty($i->tamanho))
									<td>{{$i->tamanho->nome}}</td>
									@else
									<td>--</td>
									@endif


									@if(count($i->sabores) > 0)
									<td>
										@foreach($i->sabores as $key => $s)
										{{$s->produto->produto->nome}}
										@if($key < count($i->sabores)-1)
										| 
										@endif
										@endforeach
									</td>
									@else
									<td>--</td>
									@endif

																		@if(count($i->itensAdicionais) > 0)
									<td>
										@foreach($i->itensAdicionais as $key => $a)
										{{$a->adicional->nome}}
																				@if($key < count($i->itensAdicionais)-1)
										| 
										@endif
										@endforeach
									</td>
									@else
									<td>--</td>
									@endif

									<td>
										@if($i->status)
										<i class="material-icons green-text">brightness_1</i>
										@else
										<i class="material-icons red-text">brightness_1</i>
										@endif
									</td>