@extends('layouts.pedido')
@section('conteudo')
<section style="margin-bottom: 0px;">
	<div class="content-wrap ">
		<div class="container clearfix">
		
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<h1>Olá {{$pedido->participant->nome}},</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12 col-md-12">
					Abaixo confira seu pedido:
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<div class="promo promo-border promo-center bottommargin">
						<h3>{{$pedido->event->titulo}}</h3>
						<span>{{$pedido->variation->nome}}</span>
						<h2>R$ {{number_format($pedido->variation->valor,2,',','.')}}</h2>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<h2>Adicionar Participantes</h2>
				</div>
			</div>				
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<form method="post" action="/adicionar-participante" id="frmAdicionarParticipante">
						@csrf
						<input type="hidden" name="id" value="{{$pedido->participant->id}}">
						<input type="hidden" name="pedido" value="{{$pedido->id}}">
						<input type="hidden" name="valor" value="{{$pedido->variation->valor}}">
						<input type="hidden" name="evento" value="{{$pedido->event->id}}">
						<input type="hidden" name="variacao" value="{{$pedido->variation->id}}">
						<div class="row">
							<div class="col-lg-12 col-md-12">
								<div class="form-group">
									<label></label>
									<select class="form-control" name="participante" id="combo_participante">
										<option value="0">Novo Participante</option>
										<option value="{{$pedido->participant->id}}">{{$pedido->participant->nome}}</option>
										@if(count($participantes) > 0)
											@foreach($participantes as $participante)
												<option value="{{$participante->id}}">{{$participante->nome}}</option>
											@endforeach
										@endif
									</select>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-6 col-md-6">
								<div class="form-group">
									<label for="register-form-name">Tipo de Documento</label>
									<select class="form-control" id="tipodoc" name="tipo">
										<option value="">Selecione...</option>
										<option value="1">CPF</option>
										<option value="2">CNPJ</option>
										<option value="3">Estrangeiro (RNE)</option>
										<option value="4">Estrangeiro (passaporte)</option>
									</select>
								</div>
							</div>
							<div class="col-lg-6 col-md-6" id="div-doc" >
								<div class="form-group">
									<label for="">Documento</label>
									<input type="text" id="documento" name="documento" value="{{old('documento')}}" class="form-control disabled required" disabled  />
									<div>{{$errors->first('documento')}}</div>						
								</div>	
							</div>	

							<div class="col-lg-6 col-md-6" id="div-cpf" style="display:none;">
								<div class="form-group">
									<label for="register-form-name">CPF: *</label>
									<input type="text" id="cpf" name="rcpf" value="{{ old('rcpf')}}"   class="form-control required "  />
									<div>{{$errors->first('rcpf')}}</div>
								</div>
							</div>
							
							<div class="col-lg-6 col-md-6" id="div-cnpj" style="display:none;">
								<div class="form-group">
									<label for="register-form-name">CNPJ: *</label>
									<input type="text" id="cnpjr" name="rcnpj" value="{{ old('rcnpj')}}"   class="form-control required "   />
									<div>{{$errors->first('rcnpj')}}</div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-6 col-md-6">
								<div class="form-group">
									<label for="register-form-name">Nome Completo: * (Min. 8 caracteres)</label>
									<input type="text" id="nomer" pattern=".{8,50}"  name="nome" value="{{ old('nome')}}"   class="form-control required " required  />
									<div>{{$errors->first('nome')}}</div>					
								</div>
							</div>
							<div class="col-md-2">
								<div class="form-group">
									<label for="register-form-phone">DDD: *</label>
									<input type="text" id="rarea" name="rarea" value="{{ old('rarea')}}" maxlength="2" class="form-control" required   />
									<div>{{$errors->first('rarea')}}</div>
								</div>					
							</div>					
							<div class="col-md-4">
								<div class="form-group">
									<label for="register-form-phone">Telefone: *</label>
									<input type="text" id="rfone" name="rfone" value="{{ old('rfone')}}" class="form-control" required  />
									<div>{{$errors->first('rfone')}}</div>
								</div>						
							</div>
						</div>
						<div class="row">
							<div class="col-lg-6 col-md-6">
								<div class="form-group">
									<label for="register-form-name">Sexo</label>
									<select class="form-control" name="sexo"  id="sexo">
										<option value="M">Masculino</option>
										<option value="F">Feminino</option>
									</select>
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="form-group">
									<label for="">Nascimento *</label>
									<input type="text" id="nasc" name="nasc" value="{{ old('nasc')}}" class="form-control" required  />
									<div>{{$errors->first('nasc')}}</div>						
								</div>					
							</div>					
						</div>				
						<div class="row">
							<div class="col-lg-6 col-md-6">
								<div class="form-group">
									<label for="">Email *</label>
									<input type="email" id="emailr" name="emailr" value="{{ old('emailr')}}" class="form-control" required />
									<div>{{$errors->first('emailr')}}</div>	
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="form-group">
									<label for="">Confirmar Email *</label>
									<input type="email" id="cemailr" name="cemailr" value="{{ old('cemailr')}}" class="form-control" required  />
									<div>{{$errors->first('cemailr')}}</div>						
								</div>					
							</div>					
						</div>
						<div class="row">
							<div class="col-lg-12 col-md-12">
								<button class="button button-3d button-black nomargin" id="register-form-submit" name="register-form-submit" value="register">Registrar agora</button>
							</div>
						</div>
					</form>
				</div>
			</div>	
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<h2>Participantes Adicionados</h2>
				</div>
			</div>	
			<div class="row mb-2">
				<div class="col-lg-12 col-md-12">
					<div class="list-group" id="lista-detalhes">

					</div>			
				</div>
			</div>
			
			<div class="row">
				<div class="col-lg-12 col-md-12">
					<div class="card">
						<div class="card-header">Total a Pagar</div>
						<div class="card-body">
							<div class="row">
								<div class="col-lg-8 col-md-8">
									<p class="card-text">Valor total</p>
									<h1 id="total">R$ 0,00</h1>
									<p></p>									
								</div>
								<div class="col-lg-4 col-md-4">
									<form method="post" target="" action="/evento-pagar">  
										@csrf
										<input name="evento" type="hidden" value="{{$pedido->event->id}}">  
										<input name="id" type="hidden" value="{{$pedido->id}}">  
										<button alt="Pague com PagSeguro" class="button button-blue" name="submit"  type="submit" >
											Confirmar Pagamento
										</button>
									</form>		
								</div>								
							</div>
						</div>
					</div>					
				</div>
			</div>			
			
		</div>
	</div>
</section>
@stop
@section('endereco')
	@include('partials.endereco')
@stop