@extends('layouts.app')

@section('content')
<h4>Agenda</h4>
<meta name="_token" content="{!! csrf_token() !!}" />
<div class="container-fluid">
	@if($message = Session::get('success'))
	<div class="alert alert-success">
		{{$message}}
	</div>
	@endif
	@if($message = Session::get('danger'))
	<div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>{{$message}}</div>
	@endif
	<!-- <div class="row">
		<div class="col-md-12">               
			<button class="btn btn-info float-left mr-2 " data-toggle="modal" data-target="#Md_relatorios" data-whatever="@getbootstrap" >Relatórios</button>
		</div>      
	</div> -->

	<div class="row">
		<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static" id="Md_relatorios">
			<div class="modal-dialog modal-lg"> 
				<div class="modal-content">
					<h4 class="ml-3">Relatórios</h4> 
					<div class="modal-header">
						<div class="input-group">                           
							<button type="button" class="btn btn-info m-1 bt_rel" data-backdrop="static" onclick="bt_relatorio(1)">Agendamentos</button>
						</div>      
					</div>
					<div class="modal-body">
						<h4>Filtros</h4>
						<input id="bt_click" name="bt_click" type="hidden">
						<div id="rel_01" class="esconde">
							<div class="input-group">                               
								<div class="input-group-prepend">
									<span class="input-group-text">Período do Início e Fim:</span>
								</div>
								<input type="date" id="dtIni_fil_r01" class="form-control" value="{{ date('Y-m-d') }}">
								<input type="date" id="dtFin_fil_r01" class="form-control" value="{{ date('Y-m-d') }}">
							</div>
							<div class="input-group mt-1">                              
								<div class="input-group-prepend">
									<span class="input-group-text">Vendedor:</span>
								</div>

							</div>  
							<div class="input-group mt-1">                              
								<div class="input-group-prepend">
									<span class="input-group-text">Tipo Relatório</span>
								</div>
								<select class="form-control" id="tipo_rel_fil_r01" name="tipo_rel_fil_r01">
									<option value="A" selected>Analítico</option>
									<option value="S">Sintético</option>
								</select>
							</div>  

						</div>                  


					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary float-right" data-dismiss="modal" id="btn_impboletdo">Outro Relatório</button>   
						<button type="button" class="btn btn-success float-left" data-dismiss="modal" id="btn_imprimir_rel">Imprimir</button>
					</div>
					<button type="button" class="btn btn-warning float-right" data-dismiss="modal" id="btn_impboletdo">Cancela</button>
				</div>
			</div>
		</div>
	</div>
	<div id="teste_boleto">
			<a id="link_montado" href="" target="_blank"></a>
	</div>
	<script type="text/javascript">
		function bt_relatorio(id){
			document.getElementById('bt_click').value = id;

			if(id == 1) {
				if($("#rel_01").attr("class") == "esconde" ){
					$("#rel_01").removeClass('esconde');
					$("#rel_01").addClass('mostra');
				}else{
					$("#rel_01").removeClass('mostra');
					$("#rel_01").addClass('esconde');	
				}

							} 

		}

		 $('#btn_imprimir_rel').click(function (e) {
			 	$.ajaxSetup({
			 		headers: {
			 			'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
			 		}
			 	})
			 	e.preventDefault();	

			 	var bt_click = $('#bt_click').val();		 	

			 	if (bt_click == 1){
			 		url_rel = 'relatorios/Ag_1?data_inicial_fil='+$('#data_inicial_fil').val()+'&data_final_fil='+$('#data_final_fil').val()+'&situacao_fil='+$('#situacao_fil').val()+'&tipo_data_fil='+$('#tipo_data_fil').val()+'&cliente_fil='+$('#cliente_fil').val()+'&grupo_agenda='+$('#grupo_agenda').val()+'&vendedor_agenda_fil='+$('#vendedor_agenda_fil').val();
			
				}
				
			 	$("#link_montado").attr('href',url_rel);
			 	document.getElementById('link_montado').click();
		 });
		 /*
			$('#btn_imprimir_rel').click(function (e) {
			 	$.ajaxSetup({
			 		headers: {
			 			'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
			 		}
			 	})
			 	e.preventDefault();		

			 	var bt_click = $('#bt_click').val();

				if (bt_click == 1){

					if($('#tipo_rel_fil_r01').val() == "A"){

						url_rel = 'relatorios/RelConReceber_1?dt_inicial='+$('#dtIni_fil_r01').val()+'&dt_final='+$('#dtFin_fil_r01').val()+'&vend='+$('#vendedor_fil_r01').val();
					}else{
						url_rel = 'relatorios/RelConReceber_2?dt_inicial='+$('#dtIni_fil_r01').val()+'&dt_final='+$('#dtFin_fil_r01').val()+'&vend='+$('#vendedor_fil_r01').val();
					}
				}else if(bt_click == 2){
						url_rel = 'relatorios/RelConReceber_3?dt_inicial='+$('#dtIni_fil_r03').val()+'&dt_final='+$('#dtFin_fil_r03').val()+'&tc='+$('#tipo_cob_fil_r03').val()+'&mes='+$('#mes_fil_r03').val();

				}else if(bt_click == 3){
				//url_rel = 'http://premium-oficial/relatorios/RelConReceber_3?dt_inicial='+$('#dtIni_fil_r03').val()+'&dt_final='+$('#dtFin_fil_r03').val();

				}

			 	$("#link_montado").attr('href',url_rel);
			 	document.getElementById('link_montado').click();
			});


		 */




	</script>
	<div class="row mt-4">
		<div class="col-md-12">
			<form method="post" action="{{route('agenda.buscar')}}">
				@csrf

				<div class="input-group mb-2">                          
					<div class="col-sm-2 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Situação</label>
							</div>
							<select class="custom-select" id="situacao_fil" name="situacao_fil">
								<option value="A" {{ ( 'A' == $situacao_fil ) ? ' selected' : 'selected' }}>Aberto</option>
								<option value="F" {{ ( 'F' == $situacao_fil ) ? ' selected' : '' }}>Finalizadas</option>
								<option value="T" {{ ( 'T' == $situacao_fil ) ? ' selected' : '' }}>Todas</option>
							</select>
						</div>
					</div>
					<div class="col-sm-2 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Tipo Data</label>
							</div>
							<select class="custom-select" id="tipo_data_fil" name="tipo_data_fil">
								<option value="2" {{ ( 2 == $tipo_data_fil ) ? ' selected' : 'selected' }}>Retorno</option>
								<option value="1" {{ ( 1 == $tipo_data_fil ) ? ' selected' : '' }}>Cadastro</option>						
							</select>
						</div>
					</div>

					<div class="col-sm-3 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">Período</span>
							</div>
							<input type="date" id="data_inicial_fil" name="data_inicial_fil" class="form-control" value="{{ ($data_inicial_fil ) ? $data_inicial_fil  : date('Y-m-d') }}">
							<input type="date" id="data_final_fil"   name="data_final_fil"   class="form-control" value="{{ ($data_final_fil ) ? $data_final_fil  : date('Y-m-d') }}">    
						</div>
					</div>
					
					<div class="col-sm-2 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">Cliente</span>
							</div>
							<input type="text" name="cliente_fil" id="cliente_fil" class="form-control" value="{!! isset($cliente_fil)? $cliente_fil : ''  !!}">
						</div>
					</div>

					<div class="col-sm-2 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Grupo</label>
							</div>
							<select id="grupo_agenda" name="grupo_agenda" class="form-control"> 
								<option value="0">Selecione</option>
								@foreach($grupo as $gr)
								<option value="{{ $gr->id }}">{{ $gr->grupo }}</option>
								@endforeach
							</select>
						</div>
					</div>

					@foreach ($admin as $ad)
					@if ($ad->id_role == 1)
					<div class="col-sm-2 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Usuário</label>
							</div>
							<select id="vendedor_agenda_fil" name="vendedor_agenda_fil" class="form-control"> 
								<option value="">Selecione</option>
								@foreach($usuarios as $usuario)
								<option value="{{ $usuario->id }}">{{ $usuario->name }}</option>
								@endforeach
							</select>
						</div>
					</div>
					@endif	
					@endforeach	
					<div class="col-sm-1 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<button  class="btn btn-outline-secondary" id="bt_filtrar" type="submit">Buscar</button>
							</div>
						</div>
					</div>


				</div>              
			</form>     
		</div>
	</div>


	<div class="row col-md-12">

		<table class="table table-hover table-sm mt-4" id="tb_comissao">

			<thead>
				<tr>
					<th scope="col">Id</th>
					<th scope="col">Status</th>
					<th scope="col">Grupo</th>
					<th scope="col">Cadastro</th>
					<th scope="col">Retorno</th> 
					<th scope="col">Obs.</th>
					<th scope="col">Participantes</th>                 
					<th scope="col">Cliente</th>
					<th scope="col">Finalizado</th>
					<th scope="col">Obs. Finaliz.</th>
					<th scope="col" class="text-center">Ação</th>
				</tr>
			</thead>
			<tbody>   
				@forelse($agenda as $ag)
				<tr id="tr_ag_{{ $ag->id }}"> 
					<td>{{ $ag->id }}</td> 
					<td>{{ $ag->status }}</td>
					<td>{{ $ag->grupo }}</td>
					<td>{{ $ag->dt_cadastro }}</td>
					<td class="ag_dt_retorno">{{ $ag->dt_retorno }}</td> 
					<td style="width: 15%;" id="ag_obs"><textarea class="form-control form-control-sm" rows="2" style="resize: none;" id="tx_obs" disabled>{{ $ag->obs }}</textarea></td>
					<td>{{ $ag->name }}<br/> 
						{{ $ag->encaminhado }}</td> 
						<td>
							<b>{{ $ag->nome }}</b><br/>
							{{ $ag->telefone }}<br/>
							{{ $ag->cep }} - {{ $ag->endereco }} - {{ $ag->cidade }} - {{ $ag->uf }}<br/>
							<a href="{{URL::to('clientes')}}/{{$ag->id_cliente}}/edit" class="badge badge-pill badge-primary float-left mr-1" target="_blank">Ir para Cadastro</a> 
						</td> 

						<td>{{ $ag->finalizado }}</td> 
						<td style="width: 15%;"><textarea class="form-control form-control-sm" rows="2" style="resize: none;" disabled>{{ $ag->obs_fin }}</textarea></td>
						<td>

							@if ($ag->status == 'Aberto')
							<button type="button" class="badge badge-pill badge-primary float-left mr-1" data-toggle="modal" data-target="#EdtAgenda"  data-whatever="@getbootstrap" onclick="bt_edt({{ $ag->id }})">Editar</button> 

							<button type="button" class="badge badge-pill badge-success float-left mr-1" data-toggle="modal" data-target="#Fin_Agenda"  data-whatever="@getbootstrap" onclick="bt_Fin({{ $ag->id }})">Finalizar</button>   

							<!-- <button class="badge badge-pill badge-success float-left mr-1 finalizar_agenda" value="{{ $ag->id }}">Finalizar</button> -->
							<button class="badge badge-pill badge-danger float-left mr-1 delete-agenda" value="{{ $ag->id }}">Excluir</button>
							@else
								@foreach ($admin as $ad)
									@if ($ad->id_role == 1)
									<button class="badge badge-pill badge-warning float-left mr-1 abrir-agenda" value="{{ $ag->id }}">Abrir</button>
									@endif	
								@endforeach	

							@endif	
							

						</td> 
					</tr>  
					@empty  
					<tr>    
						<td colspan="4">Não foi encontrado nenhum Agenda foi encontrada!</td>
					</tr>   
					@endforelse             
				</tbody>
			</table>
		</div>


		<input id="url" type="hidden" value="{{ \Request::url() }}">
		<div class="modal fade" id="EdtAgenda" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"  data-backdrop="static">
			<div class="modal-dialog" role="document">
				<div class="modal-content">

					<div class="modal-header col-12">
						<form method="POST" id="frm_edt_agenda" name="frm_edt_agenda" novalidate="" style="width: 100%">
							@csrf
							<input type="hidden" id="id_cliente_etd" name="id_cliente_etd" value="">							
							<div class="col-12">
								<label>Observação (500)</label>
								<textarea class="form-control form-control-sm" id="observacao_agenda_edt" name="observacao_agenda_edt" rows="8" style="resize: none;"></textarea>
							</div>                              
							<div class="col-12"> 
								<label for="qtd_parcelas">Data do Retorno</label>
								<input type="date" class="form-control" id="dt_retorno_agenda_edt" name="dt_retorno_agenda_edt" placeholder="Data de Retorno" required>
							</div> 	
							<div class="col-12">
								<label for="Nome">Grupo</label>
								<select id="grupo_agenda_edt" name="grupo_agenda_edt" class="form-control"> 
									<option value="">Selecione</option>
									@foreach($grupo as $gr)
									<option value="{{ $gr->id }}">{{ $gr->grupo }}</option>
									@endforeach
								</select>
							</div>
							<div class="col-12">
								<label for="Nome">Encaminhar</label>
								<select id="vendedor_agenda_edt" name="vendedor_agenda_edt" class="form-control" required> 
									<option value="">Selecione</option>
									@foreach($usuarios as $usuario)
									<option value="{{ $usuario->id }}">{{ $usuario->name }}</option>
									@endforeach
								</select>
							</div>
							<div id="validation_errors_agenda"> 
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelar_agenda">Cancelar</button>
								<button type="button" class="btn btn-primary" id="btn_edt_agenda" value="add" >Editar</button>
								<input type="hidden" name="liberacadastrocomissao" id="liberacadastrocomissao" value="true">
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade" id="Fin_Agenda" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"  data-backdrop="static">
			<div class="modal-dialog" role="document">
				<div class="modal-content">

					<div class="modal-header">
						<form method="POST" id="frm_fin_agenda" name="frm_add_agenda" novalidate="" style="width: 100%">
							@csrf
							<input type="hidden" id="id_cliente_fin" name="id_cliente_fin" value="">					
							<div class="col-12">
								<label>Observação (500)</label>
								<textarea class="form-control form-control-sm" id="observacao_agenda" name="observacao_agenda" rows="8" style="resize: none;"></textarea>
							</div>                             

							<div id="validation_errors_agenda"> 
							</div>						 
							<div class="modal-footer">
								<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelar_agenda">Cancelar</button>
								<button type="button" class="btn btn-primary" id="btn_fin_agenda" value="add" >Finalizar</button>
								
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>


	</div>


	<script type='text/javascript'>
	//#####################Ínicio Funções
	@include('funcao.funcoes');
	//#####################Fim Funções
</script>
@endsection

@section('post-script')

<script type='text/javascript'>

//Ativação do Jquery
$(document).ready(function() {


	@include('ajax.agenda');




// Fim do document ready
}) ;

</script>
@endsection