@extends('layouts.app')
@section('title','Lista de Clientes')
@section('content')
	<h4>Clientes</h4>
	@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">
		@can('add_cliente')
		<div class="col-md-12">
			<a class="btn btn-success float-right mb-4 " href="{{ url('clientes/create') }}">Inserir Cliente</a>
			<button class="btn btn-info float-left mr-2 " data-toggle="modal" data-target="#Md_relatorios" data-whatever="@getbootstrap" >Relatórios</button>
			</div>
		@endcan		
	</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)">Relatório de Óbitos</button>
							<button type="button" id="mymodal" class="btn btn-info m-1 bt_rel" data-toggle="modal" data-target="#myModal" data-backdrop="static" onclick="bt_relatorio(2)">Relatório de Aniversariantes</button>
							<button type="button" class="btn btn-info m-1 bt_rel" data-backdrop="static" onclick="bt_relatorio(3)">Relatório de Carência</button>
						</div>		
					</div>
					<div class="modal-body">
						<h4>Filtros</h4>
						<div id="rel_01" class="esconde">
							<div class="input-group">
								<input id="bt_click" name="bt_click" type="hidden">
								<div class="input-group-prepend">
									<span class="input-group-text">Período do Inico e Fim</span>
								</div>
								<input type="date" id="data_inicial_fil" class="form-control" value="{{ date('Y-m-d') }}">
								<input type="date" id="data_final_fil" class="form-control" value="{{ date('Y-m-d') }}">
							</div>
						</div>					
						<div id="rel_02" class="esconde">
							<div class="input-group">
								<input id="bt_click" name="bt_click" type="hidden">
								<div class="input-group-prepend">
									<span class="input-group-text">Mês</span>
								</div>
								<select id="mes_fil_r01" name="mes_fil_r01" class="form-control">
									<option value="">Selecione...</option>
									<option value="01">Janeiro</option>
									<option value="02">Fevereiro</option>
									<option value="03">Março</option>
									<option value="04">Abril</option>
									<option value="05">Maio</option>
									<option value="06">Junho</option>
									<option value="07">Julho</option>
									<option value="08">Agosto</option>
									<option value="09">Setembro</option>
									<option value="10">Outubro</option>
									<option value="11">Novembro</option>
									<option value="12">Dezembro</option>
								</select>
								
							</div>
						</div>					
						<div id="rel_03" class="esconde">
							<div class="input-group">
								<input id="bt_click" name="bt_click" type="hidden">
								<div class="input-group-prepend">
									<span class="input-group-text">Período do Inico e Fim</span>
								</div>
								<input type="date" id="dtIni_fil_r03" class="form-control" value="{{ date('Y-m-d') }}">
								<input type="date" id="dtFim_fil_r03" class="form-control" value="{{ date('Y-m-d') }}">
							</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');	
				}

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

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

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

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

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

				if($("#rel_02").attr("class") == "esconde" ){
				}else{
					$("#rel_02").removeClass('mostra');
					$("#rel_02").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/RelCliente_1?dt_inicial='+$('#data_inicial_fil').val()+'&dt_final='+$('#data_final_fil').val();
			
				}else if(bt_click == 2){
					url_rel = 'relatorios/RelCliente_4?mes='+$('#mes_fil_r01').val();
				
				}else if(bt_click == 3){
					url_rel = 'relatorios/RelCliente_3?dt_inicial='+$('#dtIni_fil_r03').val()+'&dt_final='+$('#dtFim_fil_r03').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">
		<div class="col-md-12">
			<form method="post" action="{{route('clientes.buscar')}}">
				@csrf
				<div class="input-group mt-3">

					<div class="col-sm-3 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Nome</label>
							</div>
							<input type="text" name="nm_cliente_fil" id="nm_cliente_fil" class="form-control" placeholder="Conteúdo a pesquisar..." value="{!! isset($nm_cliente_fil)? $nm_cliente_fil : ''  !!}">	
						</div>
					</div>	



					<div class="col-sm-3 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >CPF</label>
							</div>
								<input type="text" name="cpf_cliente_fil" id="cpf_cliente_fil" class="form-control" placeholder="Conteúdo a pesquisar..." value="{!! isset($cpf_cliente_fil)? $cpf_cliente_fil : ''  !!}">	
						</div>
					</div>	

					<div class="col-sm-3 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Endereço</label>
							</div>
								<input type="text" name="endereco_fil" id="endereco_fil" class="form-control" placeholder="Conteúdo a pesquisar..." value="{!! isset($endereco_fil)? $endereco_fil : ''  !!}">					
						</div>
					</div>
					
					<div class="col-sm-3 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Telefone</label>
							</div>
								<input type="text" name="telefone_fil" id="telefone_fil" class="form-control" placeholder="Conteúdo a pesquisar..." value="{!! isset($telefone_fil)? $telefone_fil : ''  !!}">	
						</div>
					</div>	

					<div class="col-sm-3 my-1">
						<div class="input-group">
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Contrato</label>
							</div>
							<input type="text" name="contrato_fil" id="contrato_fil" class="form-control" placeholder="Conteúdo a pesquisar..." value="{!! isset($contrato_fil)? $contrato_fil : ''  !!}">	
						</div>
					</div>

					<div class="col-sm-3 my-1">
						<div class="input-group">				
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Dependente</label>
							</div>
								<input type="text" name="dependente_fil" id="dependente_fil" class="form-control" placeholder="Conteúdo a pesquisar..." value="{!! isset($dependente_fil)? $dependente_fil : ''  !!}">	
						</div>
					</div>
					<div class="col-sm-3 my-1">
						<div class="input-group">				
							<div class="input-group-prepend">
								<label class="input-group-text" for="inputGroupSelect01" >Tp. Contrato</label>
							</div>
							<select id="tp_contrato_fil" name="tp_contrato_fil" class="form-control"> 
								<option value="">Selecione um tipo de contrato..</option>   
								@forelse($tp_contrato as $tp)
								<option value="{{ $tp->id }}" >{{ $tp->ds_tp_contrato }} </option>                                            
								@empty  
								<option value="">Não existe tipo de contrato cadastrados..</option>   
								@endforelse 
							</select>	
						</div>
					</div>

					<div class="col-sm-3 my-1 ">
						<div class="input-group">	
							<div class="input-group-append ">
								<button type="submit" class="btn btn-outline-secondary  float-right">Buscar</button>				
							</div>	
						</div>
					</div>
				</div>
				<!-- 
				<div class="input-group mb-3">			
					<select id="tipo" name="tipo" class="form-control"> 
				    	<option value="C">Cliente  - Busca por:  Telefone)</option>
				    	<option value="D">Depedente  - Busca por: Nome)</option>
				    </select>
					<input type="text" name="busca" id="busca" class="form-control" placeholder="Conteúdo a pesquisar..." value="{!! isset($dataForm['busca'])? $dataForm['busca'] : ''  !!}">	

				</div>		 -->		
			</form>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<table class="table table-hover table-sm mt-4 tablesorter" id="tb_pagamentos">		
				  <thead>
			    <tr>
					<th scope="col">Tp.Contrato</th>
			    	<th scope="col">Nº Contrato</th>			     
					<th scope="col">Nome</th>
					<th scope="col">Status</th>
					<th scope="col">Carência</th>			   
					<th scope="col">Inadimplência</th>
					<th scope="col">Contrato(s)</th>
					<th scope="col" align="center">Ação</th>
			    </tr>
			  </thead>
			  <tbody>

		@foreach ($clientes as $cliente)		
				@if(Auth::check())

					    <tr>
						<td>{{$cliente->ds_tp_contrato}}</td>	
					    	<td>{{$cliente->id_contrato}}</td>	
					    	<td>{{$cliente->nome}}</td>					
					      <td><button class="badge badge-pill {{ ( 'A' == $cliente->status ) ? ' badge-success ' : 'badge-danger' }} float-left mr-1" data-toggle="tooltip" data-placement="top"><i class="fa fa-flag"></i></button></td>				
					      <td><button class="badge badge-pill {{ ( 'L' == $cliente->st_data_carencia ) ? ' badge-success ' : 'badge-danger' }}  float-left mr-1" data-toggle="tooltip" data-placement="top"><i class="fa fa-flag"></i> {{$cliente->data_carencia}}</button></td>
					      <td><button class="badge badge-pill {{ ( 'L' == $cliente->st_recebivel ) ? ' badge-success ' : 'badge-danger' }}  float-left mr-1" data-toggle="tooltip" data-placement="top" title=""><i class="fa fa-flag"></i> {{$cliente->ult_recebivel}}</button></td>
					      <td style="text-align:left"><b>{{$cliente->qtd_contratos}}</b></td>	
					      <td>	
				 				@can('manut_cliente')
							 	<a href="{{URL::to('clientes')}}/{{$cliente->id}}" class="badge badge-pill badge-info float-left mr-1">+Detalhes</a>
							 	<a href="{{URL::to('clientes')}}/{{$cliente->id}}/edit" class="badge badge-pill badge-primary float-left mr-1" >Editar</a>
							 	@else
							 	<a href="{{URL::to('clientes')}}/{{$cliente->id}}" class="badge badge-pill badge-info float-left mr-1">+Detalhes</a>
							 	@endcan
							 	
					      </td>
					    </tr>					    
				@endif
		@endforeach 
					</tbody>
				</table>
		</div>
	</div>	

	<script type='text/javascript'>

//Ativação do Jquery
$(document).ready(function() {
		 // $(".table").tablesorter({
		 //    theme : 'blue'
		 //  });

 $(function(){
	// Parser para configurar a data para o formato do Brasil
	$.tablesorter.addParser({
		id: 'datetime',
		is: function(s) {
			return false; 
		},
		format: function(s,table) {
			s = s.replace(/-/g,"/");
			s = s.replace(/(d{1,2})[/-](d{1,2})[/-](d{4})/, "$3/$2/$1");
			return $.tablesorter.formatFloat(new Date(s).getTime());
		},
		type: 'numeric'
	});

	$('.tablesorter').tablesorter({
        // Envia os cabeçalhos 
      //  theme : 'blue',
        headers: { 
            // A sgunda coluna (começa do zero) 
            1: { 
                // Desativa a ordenação para essa coluna 
                sorter: true 
            },
			4: {
                // Ativa o parser de data na coluna 4 (começa do 0) 
                sorter: 'datetime' 
			}
        },
		// Formato de data
		dateFormat: 'dd/mm/yyyy'
	});
});




 


// Fim do document ready
}) ;

   
</script>



@endsection