@extends('layouts.app')
@section('title','Editar Cliente - '.$cliente->nome)
<meta name="_token" content="{!! csrf_token() !!}" />
@section('content')

@if($message = Session::get('success'))
<div class="alert alert-success">
	{{$message}}
</div>
@endif
@if(count($errors)>0)
<div class="alert alert-danger">
	<ul>
		@foreach($errors->all() as $error)
		<li>{{$error}}</li>
		@endforeach
	</ul>
	
</div>
@endif
<div class="row">
	@can('manut_cli_imp_cart')
	<div class="col-md-12">


		@if($ult_contrato)
		@forelse($ult_contrato as $ult)
		<input type="hidden" name="ult_contrato" id="ult_contrato" value="{{$ult->id_contrato}}">           
		@empty  
		@endforelse
		@endif

		<button type="button" class="btn btn-info float-right mb-4 mr-2 " data-toggle="modal" data-target="#modal_impressao_carteirinha" data-whatever="@getbootstrap">Impressão Carteirinha</button> 
		<a class="btn btn-info float-right mb-4 mr-2 " target="_blank" href="{{URL::to('relatorios/RelCliente_2') }}/{{$id}}">Impressão dados do Cliente</a>
		<button type="button" class="btn btn-info float-right mb-4 mr-2 " data-toggle="modal" data-target="#modal_impressao_envelope" data-whatever="@getbootstrap">Impressão Envelope</button> 
		
		<form  id="form_del_cli" method="POST" action="{{action('ClientesController@destroy',$id)}}" class="float-left"">
			@csrf
			<input type="hidden" name="_method" value="DELETE">
			<button class="btn btn-danger" {{ ( $exclui == null ) ? ' disabled ' : '' }} >Excluir Cliente</button>
		</form> 
		<script type="text/javascript">
			$('#form_del_cli').on('submit', function () {

				var confirmado = confirm('Deseja deletar esses dados?');

				if (! confirmado) return false;
			});
		</script>
	</div>
	@endcan     
</div>
<div class="row">
	<div class="col-md-12 ">
		<form method="POST" action="{{action('ClientesController@update',$id)}}">
			@csrf
			<input type="hidden" name="_method" value="PATCH">  
			<div class="row">
				<div class="col form-group mb-3">
					<label for="Nome">Status</label>
					<select id="status" name="status" class="form-control form-control-sm"> 
						<option value="A" {{ ( 'A' == $cliente->status ) ? ' selected' : '' }}>Ativo</option>
						<option value="I" {{ ( 'I' == $cliente->status ) ? ' selected' : '' }}>Inativo</option>
					</select>
				</div>
			</div>      
			<div class="row">
				<div class="col form-group mb-3">
					<label for="Nome">Nome</label>
					<input type="text" class="form-control form-control-sm" id="nome" name="nome" placeholder="Digite o nome do Cliente..." value="{{$cliente->nome}}" required>
				</div>
				<div class="col form-group md-3">
					<label for="Email">Email</label>
					<input type="text" class="form-control form-control-sm" id="email" name="email" placeholder="Digite o Email do Cliente..." value="{{$cliente->email}}" >
				</div>  
			</div>
			<div class="row">
				<div class="col form-group mb-3">
					<label for="Nome">Estado Civil</label>
					<select id="est_civil" name="est_civil" class="form-control form-control-sm"> 
						<option value="">Selecione</option>
						<option value="1" {{ ( '1' == $cliente->estado_civil ) ? ' selected' : '' }}>Solteiro(a)</option>
						<option value="2" {{ ( '2' == $cliente->estado_civil ) ? ' selected' : '' }}>Casado(a)</option>
						<option value="3" {{ ( '3' == $cliente->estado_civil ) ? ' selected' : '' }}>Divorciado(a)</option>
						<option value="4" {{ ( '4' == $cliente->estado_civil ) ? ' selected' : '' }}>Viúvo(a)</option>
						<option value="5" {{ ( '5' == $cliente->estado_civil ) ? ' selected' : '' }}>Amasiado(a)</option>
						<option value="6" {{ ( '6' == $cliente->estado_civil ) ? ' selected' : '' }}>União estável</option>
						<option value="8" {{ ( '8' == $cliente->estado_civil ) ? ' selected' : '' }}>Separado (a)</option>
						<option value="7" {{ ( '7' == $cliente->estado_civil ) ? ' selected' : '' }}>Não Informado</option>
					</select>
				</div>
				<div class="col form-group md-3">
					<label for="Email">Profissão</label>
					<input type="text" class="form-control form-control-sm" id="profissao" name="profissao" placeholder="Digite o Email do Cliente..." value="{{$cliente->profissao}}"  >
				</div>  
			</div>
			<div class="row">   
				<div class="col form-group mb-2">
					<label for="Cpf">Cpf</label>
					<input type="text" class="form-control form-control-sm cpf" id="cpf" name="cpf" placeholder="Digite o cpf do Cliente..."  value="{{$cliente->cpf}}" required>
				</div>
				<div class="col form-group mb-2">
					<label for="Rg">Rg</label>
					<input type="text" class="form-control form-control-sm rg" id="rg" name="rg" placeholder="Digite o rg do Cliente..." value="{{$cliente->rg}}" >
				</div>
				<div class="col form-group mb-2">
					<label for="Data de Nascimento">Data de Nascimento</label>
					<input type="text" class="form-control form-control-sm date_1" id="dt_nascimento" name="dt_nascimento" placeholder="Digite o Data nascimento do Cliente..." value="{{ $cliente->data_nascimento}}" >
				</div>
				<div class="col form-group mb-2">
					<label for="Data de Nascimento">Data de Obito</label>
					<input type="text" class="form-control form-control-sm date_1" id="data_obito_princ" name="data_obito_princ" placeholder="Digite o Data Obito do Cliente..." value="{{ $cliente->data_obito}}" >
				</div>
			</div>
			<div class="row">
				<div class="col form-group mb-3">
					<label for="Estado">Cep</label>
					<input type="text" class="form-control form-control-sm cep" id="cep" name="cep" placeholder="Digite o nome do Cliente..." value="{{$cliente->cep}}" required>
				</div>              
				<div class="col form-group mb-3">
					<label for="Endereço">Endereço</label>
					<input type="text" class="form-control form-control-sm" id="endereco" name="endereco" placeholder="Digite o nome do Cliente..." value="{{$cliente->endereco}}" required>
				</div>
				<div class="col form-group mb-3">
					<label for="Número">Número</label>
					<input type="text" class="form-control form-control-sm" id="numero" name="numero" placeholder="Digite o nome do Cliente..." value="{{$cliente->numero}}" required>
				</div>
				<div class="col form-group mb-3">
					<label for="Complemento">Complemento</label>
					<input type="text" class="form-control form-control-sm" id="complemento" name="complemento" placeholder="Digite o nome do Cliente..." 
					value="{{$cliente->complemento}}" >
				</div>
				<div class="col form-group mb-3">
					<label for="Endereço">Bairro</label>
					<input type="text" class="form-control form-control-sm" id="bairro" name="bairro" value="{{$cliente->bairro}}" placeholder="Digite o nome do Cliente..." required>
				</div>
			</div>
			<div class="row">
				
				<div class="col form-group mb-3">
					<label for="Estado">Uf</label>
					<input type="text" class="form-control form-control-sm uf text-uppercase" id="uf" name="uf" placeholder="Digite o nome do Cliente..." value="{{$cliente->uf}}" required max="2">
				</div>
				<div class="col form-group mb-3">
					<label for="Cidade">Cidade</label>
					<input type="text" class="form-control form-control-sm" id="cidade" name="cidade" placeholder="Digite o nome do Cliente..." value="{{$cliente->cidade}}" required>
				</div>
			</div>
			<div class="row">
				<div class="col col-lg-3 form-group">
					<label for="Carência">Carência (Dias)</label>
					<input type="text" class="form-control form-control-sm" id="carencia" name="carencia" placeholder="Digite a Carência do Cliente..." value="{{$cliente->dias_carencia}}">
					
				</div>
				<div class="col form-group md-3">
					<label for="telefone">Telefone</label>
					<input type="text" class="form-control form-control-sm" id="telefone" name="telefone" placeholder="Digite o Email do Cliente..." value="{{$cliente->telefone}}"  >
				</div>  
				
			</div>  
			<div class="row">
				<div class="col-12 form-group">
					<label for="exampleFormControlTextarea1">Observações</label>
					<textarea class="form-control form-control-sm" id="observacao" name="observacao" rows="5" style="resize: none;">{{$cliente->observacao}}</textarea>
				</div>
			</div>
			@can('manut_edit_cliente')
			<button type="submit" class="btn btn-primary">Editar Cliente</button>
			@endcan
		</form>
	</div>
</div>
<input type="hidden" name="inp_desfazer" id="inp_desfazer" value="0">
<input type="hidden" name="inp_excluir" id="inp_excluir" value="0">

@can('manut_vis_depen')
<div class="row">
	<div class="col-md-12 border">          
		<div class="float-left">
			<h4>Dependentes</h4>
		</div>

		<div class="float-right">
			<button type="button" class="btn btn-primary btn-sm bt_edit_contrato_contrato" data-toggle="modal" data-target="#EditDependentes_todos" data-whatever="@getbootstrap" onclick="editar_dependentes_todos(13)">Editar Dependentes</button> 
			@can('manut_add_depen')
			<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#CadConfParModalAdd" data-whatever="@getbootstrap" id="add_dep">Adicionar Dependentes</button> 
			@endcan
		</div>
		<!-- Tabela das configurações das parcelas -->
		@php
			$id_dep = 1
		@endphp
		<table class="table table-hover table-sm" id="tb_dependentes">
			<thead>
				<tr>
					<th scope="col">Contrato</th>
					<th scope="col">Nome</th>
					<th scope="col">Data Nascimento</th>
					<th scope="col">Data Carência</th>
					<th scope="col">Data Óbito</th>
					<th scope="col">Ação</th>
				</tr>
			</thead>
			<tbody>             
				@forelse($depedentes as $depedente)
				<input type="hidden" name="id_dependente_{{$id_dep}}" id="id_dependente_{{$id_dep}}" value="{{ $depedente->id }}">
				<tr id="tr_dp_{{$id_dep}}" style="{{ ($depedente->data_obito) ? ' color: red;' : '' }}"> 
					<td class="dep_contrato_{{$id_dep}}">{{ $depedente->id_contrato }}</td>           
					<td class="dep_id_{{$id_dep}}">{{ $depedente->depedente }}</td> 
					<td class="dep_dt_nas_{{$id_dep}}">{{ $depedente->data_nascimento }}</td> 
					<td class="dep_dt_car_{{$id_dep}}">{{ $depedente->data_carencia }}</td> 
					<td class="dep_dt_obt_{{$id_dep}}">{{ $depedente->data_obito }}</td> 
					<td>        
						@can('manut_delete_depen')
						<button class="badge badge-pill badge-danger float-left mr-1 delete-product" value="{{ $depedente->id }}">Excluir</button>
						@endcan
						@can('manut_edit_depen')
					<!-- 	<button type="submit" class="badge badge-pill badge-primary float-left mr-1 dep_edt" data-toggle="modal" data-target="#CadConfParModal" data-whatever="@getbootstrap" onclick="pupularModalDep({{$depedente->id}})">Editar</button> -->
						@endcan



					</td> 
				</tr>  
			
				@php
					$id_dep++ 
				@endphp
				@empty  
				<tr>    
					<td colspan="4">Não foi encontrado nenhum dependente!</td>
				</tr>   
				@endforelse   

			</tbody>
		</table>
		<!-- Fim - Tabela das configurações das parcelas -->
	</div>
</div>
@endcan
<div class="row mt-3">
	@can('manut_vis_cont')
	<div class="col-md-12 border">
		<div class="float-left">
			<h4>Contrato(s)</h4>
		</div>
		<input type="hidden" name="sl_contrato" id="sl_contrato" value="">
		<div class="float-right">
			@can('manut_add_cont')
			<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#CadContrato" data-whatever="@getbootstrap">Adicionar Contrato</button> 
			@endcan                                 
		</div>  
		<table class="table table-hover table-sm" id="tb_dependentes">
			<thead>
				<tr>
					<th scope="col">Contrato</th>
					<th scope="col">Emissão</th>
					<th scope="col">Carência até </th>
					<th scope="col">Responsável</th>
					<th scope="col">Tx. após ult. Parc.(Meses)</th>
					<th scope="col">Data Encerramento</th>
					<th scope="col" align="right">Ação</th>
				</tr>
			</thead>
			<tbody>
				@forelse($contratos as $contrato)
				<tr id="tr_ctr_{{ $contrato->id_contrato }}">
					<td class="ctr_contrato">{{ $contrato->id_contrato}}</td>             
					<td class="ctr_dt_emi">{{ $contrato->data_emissao }}</td> 
					<td class="ctr_dt_car">{{ $contrato->data_carencia }}</td> 
					<td class="ctr_nome_r">{{ $contrato->nome }}</td> 
					<td class="ctr_tx_venc">{{ $contrato->taxa_periodo }}</td> 
					<td class="ctr_dt_enc">{{ $contrato->data_encerramento }}</td> 
					<td align="right">
						<button type="button" class="btn btn-warning btn-sm" onclick="buscarParcelas({{$contrato->id_contrato}})">Visualizar</button> 
						@can('manut_edit_cont')
						<button type="button" class="btn btn-primary btn-sm bt_edit_contrato_contrato" data-toggle="modal" data-target="#EditContrato" data-whatever="@getbootstrap" onclick="pupularModalContEdt({{$contrato->id_contrato}})">Editar Contrato</button> 
						@endcan
						@can('manut_delete_cont')
						<button type="button" class="btn btn-danger btn-sm bt_del_contrato" data-toggle="modal" data-target="#DeleteContrato" data-whatever="@getbootstrap">Excluir Contrato</button>
						@endcan
					</td> 
				</tr>  
				@empty  
				<tr>    
					<td colspan="4">Não foi encontrado nenhum dependente!</td>
				</tr>   
				@endforelse             
			</tbody>
		</table>
	</div>
	@endcan
	@can('manut_vis_pgto')
	<div class="col-md-12 border mt-3">

		<div class="float-left">
			<h4>Pagamentos</h4>
		</div>
		<div class="float-right">
			@can('manut_add_pgto')
			<button type="button" class="btn btn-success btn-sm bt_ad_taxa" data-toggle="modal" data-target="#TaxaModal"  data-whatever="@getbootstrap" disabled>Adicionar Parcelas Manualmente</button> 
			@endcan
		</div>
		<!-- Tabela das configurações das parcelas -->
		<table class="table table-hover table-sm mt-4" id="tb_pagamentos">
			<thead>
				<tr>
					<th scope="col">Contrato</th>
					<th scope="col">Parcela</th>
					<th scope="col">Tipo Pagamento</th>
					<th scope="col">Vencimento</th>
					<th scope="col">Valor Receber</th>
					<th scope="col">Boleto(Nosso Nº)</th>
					<th scope="col">Data Pagamento</th>
					<th scope="col">Valor Recebido</th>
					<th scope="col-3" class="text-center">Ação</th>
				</tr>
			</thead>
			<tbody>         
			</tbody>
		</table>
		<!-- Fim - Tabela das configurações das parcelas -->
	</div>
	@endcan
	@can('manut_vis_comis')
	<div class="col-md-12 border mt-3">
		<div class="float-left">
			<h4>Comissão</h4>
		</div>
		<div class="float-right">
			@can('manut_add_comis')
			<button type="button" class="btn btn-success btn-sm bt_ad_com" data-toggle="modal" data-target="#CadcomissaoModal"  data-whatever="@getbootstrap" disabled>Adicionar Comissão</button> 
			@endcan
		</div>
		
		<!-- Tabela das configurações das parcelas -->
		<table class="table table-hover table-sm mt-4" id="tb_comissao">
			<thead>
				<tr>
					<th scope="col">Origem</th>
					<th scope="col">Nome</th>
					<th scope="col">Parcela</th>
					<th scope="col">%</th>
					<th scope="col">Data do Recebimento</th>
					<th scope="col" class="text-center">Ação</th>
				</tr>
			</thead>
			<tbody>         
			</tbody>
		</table>
		<!-- Fim - Tabela das configurações das parcelas -->
	</div>
	@endcan
	@can('manut_vis_guia')
	<div class="col-md-12 border mt-3">
		<div class="float-left">
			<h4>Guias</h4>
		</div>
		<div class="float-right">           
			@can('manut_add_guia')
			<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#Emitir_guia" data-whatever="@getbootstrap">Emitir Guia</button>
			@endcan
		</div>
		
		<!-- Tabela das configurações das parcelas -->
		<table class="table table-hover table-sm mt-4">
			<thead>
				<tr>
					<th scope="col">Dt.Emissão</th>
					<th scope="col">Nº Guia</th>
					<th scope="col">Utilizador da Guia</th>
					<th scope="col">Convêniado</th>
					<th scope="col">Procedimento</th>
					<th scope="col">Dt. Atend.</th>
					<th scope="col">Hr. Atend.</th>
					<th scope="col">Resp.Emissão</th>
					<th scope="col" class="text-center">Ação</th>
				</tr>
			</thead>
			<tbody>
				@forelse($guias as $guia_et)
				<tr id="tr_guia_{{$guia_et->id}}">
					<td>{{ $guia_et->data_emissao }}</td>   
					<td>{{ $guia_et->id }}</td>               
					<td class="imp_utilizador">{{ $guia_et->utilizador }}</td> 
					<td>{{ $guia_et->conveniado }}</td> 
					<td>{{ $guia_et->procedimento }}</td> 
					<td>{{ $guia_et->data_atendimento }}</td> 
					<td>{{ $guia_et->horario_atendimento }}</td> 
					<td>{{ $guia_et->name }}</td>
					<td style="display: none;" class="arquivo_cons">{{ $guia_et->arquivo }}</td>
					<td>
						@can('manut_imp_guia')
						<button type="submit" class="badge badge-pill badge-primary float-left mr-1 dep_edt" data-toggle="modal" data-target="#Imp_guia" data-whatever="@getbootstrap" onclick="pupularModalImp({{$guia_et->id}})">+Mais</button>
						@endcan
					</td> 
				</tr>  
				@empty  
				<tr>    
					<td colspan="4">Não foi emitida nenhuma guia!</td>
				</tr>   
				@endforelse         
			</tbody>
		</table>
		<!-- Fim - Tabela das configurações das parcelas -->
	</div>
	@endcan

			</div>

		<!-- Inicio do modal  Cadastramento de Agenda-->
		<input id="url" type="hidden" value="{{ \Request::url() }}">
		<div class="modal fade" id="CadAgenda" 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_add_agenda" name="frm_add_agenda" novalidate="">
							@csrf
							<input type="hidden" id="id_cliente" name="id_cliente" value="{{$id}}">
							<div class="form-group row">
								<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>                      
							<div class="form-group row">
								<div class="col-6"> 
									<label for="qtd_parcelas">Data do Cadastro</label>
									<input type="date" class="form-control" id="dt_cadastro_agenda" name="dt_cadastro_agenda" placeholder="Data de Cadastro" required>
								</div>  
								<div class="col-6"> 
									<label for="qtd_parcelas">Data do Retorno</label>
									<input type="date" class="form-control" id="dt_retorno_agenda" name="dt_retorno_agenda" placeholder="Data de Retorno" required>
								</div>                              
							</div> 
							<div class="form-group row">                        
								<div class="col-9">
									<label for="Nome">Grupo</label>
									<select id="grupo_agenda" name="grupo_agenda" class="form-control" required> 
										<option value="">Selecione</option>
										@foreach($grupo as $gr)
										<option value="{{ $gr->id }}">{{ $gr->grupo }}</option>
										@endforeach
									</select>
								</div>                              
							</div>                                             
							
							<div class="form-group row">                        
								<div class="col-9">
									<label for="Nome">Encaminhar</label>
									<select id="vendedor_agenda" name="vendedor_agenda" class="form-control" required> 
										<option value="">Selecione</option>
										@foreach($usuarios as $usuario)
										<option value="{{ $usuario->id }}">{{ $usuario->name }}</option>
										@endforeach
									</select>
								</div>                              
							</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_save_agenda" value="add" >Cadastrar Agenda</button>
								<input type="hidden" name="liberacadastrocomissao" id="liberacadastrocomissao" value="true">
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>


		<!-- Fim do Modal -->
		
		<!-- Impressão de carteirinha-->
		<input id="url" type="hidden" value="{{ \Request::url() }}">
		<div class="modal fade " id="modal_impressao_carteirinha" 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">
						<div>
							<form method="GET">
								@csrf                               
								<div class="form-group row">
									<div class="col-12">
										<label>Selecione o contrato da impressão</label>
										<select id="sl_contrato_imp" name="sl_contrato_imp" class="form-control"> 
											@forelse($contratos as $contrato)
											<option value="{{ $contrato->id_contrato }}">{{ $contrato->id_contrato }}</option>

											@empty  
											<option value="">Cliente não possui Contrato</option>   
											@endforelse 
										</select>
									</div>
									<div class="col-12">
										<label>Selecione o tamanho da Fonte(Dependente)</label>
										<select id="size_font_dep_imp" name="size_font_dep_imp" class="form-control"> 
											
											<option value="6">6px</option>
											<option value="7">7px</option>
											<option value="8" selected>8px</option>
											<option value="9">9px</option>
											<option value="10">10px</option>
											<option value="11">11px</option>
											<option value="12">12px</option>
											<option value="13">13px</option>
											<option value="14">14px</option>
											
										</select>
									</div>
								</div>                  
								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal" id="btn-cancelar-contrato">Cancelar</button>
									<a id="a_imp_carteirinha" class="btn btn-primary" type="button" onclick="ImprimirCarteirinha()" target="_blank">Imprimir</a>

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

		<div class="modal fade " id="modal_impressao_envelope" 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">
						<div>
							<form method="GET">
								@csrf                               
								<div class="form-group row">
									<div class="col-12">
										<label>Selecione o contrato da impressão</label>
										<select id="sl_contrato_imp_env" name="sl_contrato_imp" class="form-control"> 
											@forelse($contratos as $contrato)
											<option value="{{ $contrato->id_contrato }}">{{ $contrato->id_contrato }}</option>

											@empty  
											<option value="">Cliente não possui Contrato</option>   
											@endforelse 
										</select>
									</div>
								</div>                  
								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal" id="btn-cancelar-contrato">Cancelar</button>
									<a id="a_imp_envelope" class="btn btn-primary" type="button" onclick="ImprimirEnvelope()" target="_blank">Imprimir</a>
								</div>
							</form>                         
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="modal fade bd-example-modal-lg"  id="CadConfParModalAdd" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static">
			<div id="modal-dependentes" class="modal-dialog modal-lg">  
				<div id="modal-dependentes2" class="modal-content">                     
					<div class="modal-header">
						<h5 class="modal-title" id="exampleModalLongTitle">Cadastrar Dependentes</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>

					<div class="modal-body">     
						<table class="table table-sm">
							<thead>
								<tr>
									<th scope="col">Contrato</th>
									<th scope="col">Nome</th>
									<th scope="col">Data Nascimento</th>
									<th scope="col">Data Carência</th>
									<th scope="col">Data Obito</th>
									<th scope="col">Ação</th>
								</tr>                           
							</thead>
							<tbody>
								@for ($i = 1; $i < 13; $i++)
								<tr>
									<td>
										<input type="number" class="form-control text-uppercase" id="n_contrato_dep{{ $i }}" name="n_contrato_dep{{ $i }}" placeholder="Contrato" required style="width: 130px;">
									</td>
									<td>
										<input type="text" class="form-control text-uppercase" id="nome_modal_{{ $i }}" name="nome_modal_{{ $i }}" placeholder="Nome do dependente {{ $i }}" required style="width: 250px;">
									</td>
									<td> <input type="date" class="form-control" id="dt_nasc_modal_{{ $i }}" name="dt_nasc_modal_{{ $i }}" placeholder="Data de Nascimento" required style="width: 170px;">
									</td>
									<!-- criar um modo de colocar a data de carencia igual o do cliente principal -->
									<td>
										<input type="date" class="form-control car_mod pren_data" id="dt_carencia_modal_{{ $i }}" name="dt_carencia_modal_{{ $i }}" placeholder="Data de carência do dependente" required style="width: 170px;">
									</td>
									<td>
										<input type="date" class="form-control" id="dt_obito_modal_{{ $i }}" name="dt_obito_modal_{{ $i }}" placeholder="Data do falecimentos" style="width: 170px;">
									</td>
									<td>
										<button class="btn badge badge-pill badge-primary float-right d-print-none" id="bt_relc_{{ $i }}">Cadastrar Dependente</button>
										<div id="resp_{{ $i }}"></div>
									</td>
								</tr>
								<script type="text/javascript">

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

										e.preventDefault(); 
										var formData = {
											id_contrato:    $('#n_contrato_dep{{ $i }}').val(),
											dt_nascimento:  $('#dt_nasc_modal_{{ $i }}').val(),
											dt_carencia:    $('#dt_carencia_modal_{{ $i }}').val(),
											nome:           $('#nome_modal_{{ $i }}').val(),
											dt_obito:       $('#dt_obito_modal_{{ $i }}').val(),
											tipo_pessoa:    "D",          
											id_titular:     '{{$cliente->id}}',
										}
										
										$.ajax({
											type: "POST",
											url: "../../get-dependentes/salvar",
											data: formData,
											dataType: 'json',
											success: function (data) {
												$.each(JSON.parse(data),function(key,value){
													if(key == "success"){
														$('#resp_{{ $i }}').append('<span class="badge badge-pill badge-'+key+' float-right">'+value+'</span>');
														$('#bt_relc_{{ $i }}').hide();
														$('#dt_nasc_modal_{{ $i }}').attr('disabled',true);
														$('#dt_carencia_modal_{{ $i }}').attr('disabled',true);
														$('#nome_modal_{{ $i }}').attr('disabled',true);
														$('#dt_obito_modal_{{ $i }}').attr('disabled',true);
													}else{
														$('#resp_{{ $i }}').append('<span class="badge badge-pill badge-'+key+' float-right">'+value+'</span>');
													}

												}); 
											},
											error: function (data) {
												alert("Erro ao cadastrar");
											}
										});
									}); 


								</script>
								@endfor
							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>                                
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
				//Atualizar a tela depois de mostrar o boleto
				$('#CadConfParModalAdd').on('hidden.bs.modal', function (e) {
					location.reload();                  
				});
			</script>
			<!-- Fim do Modal -->

			<div class="modal fade bd-example-modal-lg"  id="EditDependentes_todos" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static">
				<div id="modal-dependentes" class="modal-dialog modal-lg">  
					<div id="modal-dependentes2" class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLongTitle">Editar Dependentes</h5>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">                        
							<table class="table table-sm">
								<thead>
									<tr>
										<th scope="col">Contrato</th>
										<th scope="col">Nome</th>
										<th scope="col">Data Nascimento</th>
										<th scope="col">Data Carência</th>
										<th scope="col">Data Obito</th>
										<th scope="col">Ação</th>
									</tr>                           
								</thead>
								<tbody>
									@for ($i = 1; $i < 13; $i++)
									<tr>
										<td>
											<input type="hidden" name="id_dep_modal_edit_{{ $i }}" id="id_dep_modal_edit_{{ $i }}" value="">                            
											<input type="text" class="form-control text-uppercase" id="n_contrato_dep_edit_{{ $i }}" name="n_contrato_dep_edit{{ $i }}" placeholder="Contrato" required style="width: 130px;">
										</td>
										<td>
											<input type="text" class="form-control text-uppercase" id="nome_modal_edit_{{ $i }}" name="nome_modal_edit_{{ $i }}" placeholder="Nome do dependente {{ $i }}" required style="width: 250px;">
										</td>
										<td> <input type="date" class="form-control" id="dt_nasc_modal_edit_{{ $i }}" name="dt_nasc_modal_edit_{{ $i }}" placeholder="Data de Nascimento" required style="width: 170px;">
										</td>
										<!-- criar um modo de colocar a data de carencia igual o do cliente principal -->
										<td>
											<input type="date" class="form-control car_mod pren_data" id="dt_carencia_modal_edit_{{ $i }}" name="dt_carencia_modal_edit_{{ $i }}" placeholder="Data de carência do dependente" required style="width: 170px;">
										</td>
										<td>
											<input type="date" class="form-control" id="dt_obito_modal_edit_{{ $i }}" name="dt_obito_modal_edit_{{ $i }}" placeholder="Data do falecimentos" style="width: 170px;">
										</td>
										<td>
											<button class="btn badge badge-pill badge-success float-right d-print-none" id="bt_relc_edit_{{ $i }}" disabled >Editar Dependente</button>
											<div id="resp_edit_{{ $i }}"></div>
										</td>
									</tr>
									<script type="text/javascript">

										$('#bt_relc_edit_{{ $i }}').click(function(e){

											$.ajaxSetup({
												headers: {
													'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
												}
											})

											e.preventDefault(); 
											var formData = {
												id_dependente:  $('#id_dep_modal_edit_{{ $i }}').val(),
												id_contrato:    $('#n_contrato_dep_edit_{{ $i }}').val(),
												dt_nascimento:  $('#dt_nasc_modal_edit_{{ $i }}').val(),
												dt_carencia:    $('#dt_carencia_modal_edit_{{ $i }}').val(),
												nome:           $('#nome_modal_edit_{{ $i }}').val(),
												dt_obito:       $('#dt_obito_modal_edit_{{ $i }}').val(),
												tipo_pessoa:    "D",          
												id_titular:     '{{$cliente->id}}',
											}

											$.ajax({
												type: "POST",
												url: "../../get-dependentes/store",
												data: formData,
												dataType: 'json',
												success: function (data) {
													$.each(JSON.parse(data),function(key,value){
														if(key == "success"){
															$('#resp_{{ $i }}').append('<span class="badge badge-pill badge-'+key+' float-right">'+value+'</span>');
															$('#bt_relc_edit_{{ $i }}').hide();
															$('#dt_nasc_modal_edit_{{ $i }}').attr('disabled',true);
															$('#dt_carencia_modal_edit_{{ $i }}').attr('disabled',true);
															$('#nome_modal_edit_{{ $i }}').attr('disabled',true);
															$('#dt_obito_modal_edit_{{ $i }}').attr('disabled',true);
														}else{
															$('#resp_edit_{{ $i }}').append('<span class="badge badge-pill badge-'+key+' float-right">'+value+'</span>');
														}

													}); 
												},
												error: function (data) {
													alert("Erro ao cadastrar");
												}
											});
										}); 


									</script>
									@endfor
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>                                
						</div>
					</div>
				</div>
			</div>
			<script type="text/javascript">
				//Atualizar a tela depois de mostrar o boleto
				$('#EditDependentes_todos').on('hidden.bs.modal', function (e) {                
					location.reload();
				});
			</script>
			<!-- Fim do Modal -->


			<!-- Inicio do modal Dependentes-->

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

						<!-- Messagem de retorno -->

						<div class="alert alert-success d-none d-print-none" id="alertModalsuccess">
							<h5>Configuração salva com sucesso!</h5>
						</div>
						<div class="alert alert-danger  d-none d-print-none" id="alertModaldanger" >
							<h5>Já existe configuração para estes dados!</h5>
						</div>


						<div class="alert alert-success d-none d-print-none" id="alertModalsuccessdependente">
							<h5>Liberado para cadastro!</h5>
						</div>
						
						<div class="alert alert-danger  d-none d-print-none" id="alertModaldangerdependente" >
							<h5>Dependente Já está cadastrado!</h5>
						</div>

						<div class="modal-header">
							<form method="POST" id="frm_add_dependentes" name="frm_add_dependentes" novalidate="">
								@csrf
								<div class="form-group mb-3">
									<label for="qtd_parcelas">Contrato</label>
									<input type="number" class="form-control" id="dep_contrato_add" name="dep_contrato_add" placeholder="Contrato" required>
								</div>  
								<div class="form-group mb-3">
									<input type="hidden" name="tipo_cliente_modal" id="tipo_cliente_modal" value="D">
									<input type="hidden" name="id_dep_modal" id="id_dep_modal" value="">
									<label for="Nome">Nome</label>
									<input type="text" class="form-control text-uppercase" id="nome_modal" name="nome_modal" placeholder="Nome do dependente" required>
								</div>                                          
								<div class="form-group mb-3">
									<label for="qtd_parcelas">Data de Nascimento</label>
									<input type="date" class="form-control" id="dt_nasc_modal" name="dt_nasc_modal" placeholder="Data de Nascimento" required>
								</div>  
								<div class="form-group mb-3">
									<label for="qtd_parcelas">Data de Carência</label>
									<input type="date" class="form-control" id="dt_carencia_modal" name="dt_carencia_modal" placeholder="Data decCarência do dependete" required>
								</div>  
								<div class="form-group mb-3">
									<label for="qtd_parcelas">Data de Obito</label>
									<input type="date" class="form-control" id="dt_obito_modal" name="dt_obito_modal" placeholder="Data do falecimentos">
								</div>  
								
								
								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
									<button type="button" class="btn btn-primary" id="btn-save" value="add" >Cadastrar Dependente</button>
									<input type="hidden" name="liberacadastro" id="liberacadastro" value="false">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- Fim do Modal -->

			<!-- Inicio do modal Contrato-->

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

						<!-- Messagem de retorno -->

						<div class="alert alert-success d-none d-print-none" id="alertModalsuccess_contrato">
							<h5>Contrato Gerado com sucesso!</h5>
						</div>
						<div class="alert alert-danger  d-none d-print-none" id="alertModaldanger_contrato" >
							<h5>Erro ao gerar o contrato</h5>
						</div>

						<div class="modal-header">
							<div>
								<form method="POST" id="frm_create_contrato" name="frm_create_contrato" novalidate="">
									@csrf   
									<fieldset>
										<div class="form-group row">
											<div class="col-6">
												<label for="n_contrato">Nº Contrato</label>
												<div class="form-group mb-3">                               
													<input type="number" class="form-control" id="n_contrato_modal" name="n_contrato_modal" value="" placeholder="Informe o nº do contrato para iniciar..." required>
												</div>  
											</div>
											<div class="col-6 ct_contrato">
												<label for="qtd_parcelas">Data do Contrato</label>
												<div class="form-group mb-3">                           
													<input type="date" class="form-control date" id="dt_emissao_contrato_modal" name="dt_emissao_contrato_modal" placeholder="Inicio vigente do contrato" required>
												</div>
											</div>  
										</div>
										<div class="form-group row">
											<div class="col-12 ct_contrato">
												<label for="planos_modal">Plano(s)</label>
												<div class="form-group mb-3">                               
													<select id="planos_modal" name="planos_modal" class="form-control"> 
														<option value="">Selecione um contrato..</option>   
														@forelse($planos as $plano)
														<option value="{{ $plano->id }}">{{ $plano->ds_nome }} </option>                                            
														@empty  
														<option value="">Não existe planos cadastrados..</option>   
														@endforelse 
													</select>
												</div>  
											</div>
										</div>
										<div class="form-group row">
											<div class="col-6 ct_contrato">
												<label for="vl_adesao">Valor da Adesão</label>
												<div class="input-group mb-3">                              
													<div class="input-group-prepend">
														<span class="input-group-text" id="basic-addon1">R$</span>
													</div>
													<input type="number" step=".01" class="form-control" id="vl_adesao_modal" name="vl_adesao_modal" value="" placeholder="0,00" required>
												</div>
											</div>
											<div class="col-6 ct_contrato">
												<label for="qtd_parcelas">Data da Adesão</label>
												<div class="form-group mb-3">                           
													<input type="date" class="form-control date" id="dt_adesao_contrato_modal" name="dt_adesao_contrato_modal" placeholder="Inicio vigente do contrato" required>
												</div>
											</div>
										</div>
										<div class="form-group row">
											<div class="col-4 ct_contrato">
												<label for="vl_parcela">Valor</label>
												<div class="input-group mb-3">                              
													<div class="input-group-prepend">
														<span class="input-group-text" id="basic-addon1">R$</span>
													</div>
													<input type="number" step=".01" class="form-control" id="vl_parcela_modal" name="vl_parcela_modal" value="" placeholder="0,00" required>
												</div>
											</div>
											<div class="col-3 ct_contrato">
												<label for="qtd_parcelas">Parcelas</label>
												<div class="form-group mb-3">                               
													<input type="number" class="form-control" id="qtd_parcelas_modal" name="qtd_parcelas_modal" value="" placeholder="Quantidade de parcelas que o sistema irá gerar no CR..." required>
												</div>
											</div>
											<div class="col-5 ct_contrato">
												<label for="qtd_parcelas">Data 1º Parcela</label>
												<div class="form-group mb-3">                           
													<input type="date" class="form-control date" id="dt_prim_parc_contrato_modal" name="dt_prim_parc_contrato_modal" placeholder="Inicio vigente do contrato" required>
												</div>
											</div>
											<div class="col-12 ct_contrato">
												<label for="qtd_parcelas">Após o vencimento das parcelas, a taxa será cobrada em que periodicidade (Meses)</label>
												<div class="form-group mb-3">                               
													<input type="number" class="form-control" id="qtd_parcelas_taxa_modal" name="qtd_parcelas_taxa_modal" value="1" placeholder="Periodicidade (Meses)..." required>
												</div>
											</div>

										</div>
										<div class="form-group row">
											<div class="col-12 ct_contrato">
												<label>Responsável pelo Contrato</label>
												<select id="resp_contrato_modal" name="resp_contrato_modal" class="form-control" required> 
													<option value="">Selecione..</option>   
													@forelse($vendedores_id as $vendedor)
													<option value="{{ $vendedor->id }}">{{ $vendedor->nome }}</option>                                          
													@empty  
													<option value="">Não existe Vendedor cadastrados..</option> 
													@endforelse 
												</select>
											</div>
										</div>


										<div class="alert alert-success ct_contrato" role="alert">
											<button type="button" class="close" data-dismiss="alert" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
											Liberado para Cadastro
										</div>
										<div class="alert alert-danger ct_contrato_erro" role="alert">
											<button type="button" class="close" data-dismiss="alert" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</button>
											Numeração de Contrato já utilizado!
										</div>
										<div id="validation-errors">    
										</div>
										
									</fieldset>
									<div class="modal-footer">
										<button type="button" class="btn btn-secondary" data-dismiss="modal" id="btn-cancelar-contrato">Cancelar</button>
										<button type="button" class="btn btn-primary" id="btn_save_contrato" value="add" disabled>Cadastrar Contrato</button>
										<input type="hidden" name="liberacadastro_contrato_modal" id="liberacadastro_contrato_modal" value="true">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Fim do Modal -->

			<!-- Inicio Editar Contrato -->

			<!-- Inicio do modal Contrato-->

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

						<!-- Messagem de retorno -->

						<div class="modal-header">
							<div>
								<form method="POST" id="frm_edit_contrato" name="frm_edit_contrato" novalidate="">
									@csrf   
									<fieldset>
										<div class="form-group row">                                          
											<div class="col-6">
												<label for="n_contrato">Nº Contrato</label>
												<div class="form-group mb-3">   
													<input type="hidden" class="form-control" id="n_contrato_edit_modal" name="n_contrato_edit_modal" value="">         
													<input type="text" class="form-control" id="n_contrato_edit_modal_aux" name="n_contrato_edit_modal_aux" value="" disabled>
												</div>  
											</div>
											<div class="col-6">
												<label for="qtd_parcelas">Data do Contrato</label>
												<div class="form-group mb-3">                           
													<input type="text" class="form-control date_1" id="dt_emissao_contrato_edit_modal" name="dt_emissao_contrato_edit_modal" placeholder="Inicio vigente do contrato" value="" required>
												</div>
											</div>
											<div class="col-6">
												<label for="qtd_parcelas">Data da Carência</label>
												<div class="form-group mb-3">                           
													<input type="text" class="form-control date_1" id="dt_carencia_edit_contrato_modal" name="dt_carencia_edit_contrato_modal" placeholder="Inicio vigente do contrato"  value=""required>
												</div>
											</div>  
											<div class="col-6">
												<label for="qtd_parcelas">Data do Encerramento</label>
												<div class="form-group mb-3">                           
													<input type="text" class="form-control date_1" id="dt_encerramento_edit_contrato_modal" name="dt_encerramento_edit_contrato_modal" value="" placeholder="Inicio vigente do contrato" >
												</div>
											</div>  
											<div class="col-12">
												<label for="qtd_parcelas">Após o vencimento das parcelas, a taxa será cobrada em que periodicidade (Meses)</label>
												<div class="form-group mb-3">                               
													<input type="number" class="form-control" id="qtd_parcelas_edit_taxa_modal" name="qtd_parcelas_edit_taxa_modal" value="" placeholder="Periodicidade (Meses)..." required>
												</div>
											</div>
										</div>
										<div class="form-group row">
											<div class="col-12">
												<label>Responsável pelo Contrato</label>
												<select id="resp_contrato_edit_modal" name="resp_contrato_edit_modal" class="form-control" required> 
													<option value="">Selecione..</option>   
													@forelse($vendedores_id as $vendedor)
													<option value="{{ $vendedor->id }}">{{ $vendedor->nome }}</option>                                           
													@empty  
													<option value="">Não existe Vendedor cadastrados..</option> 
													@endforelse 
												</select>
											</div>
										</div> 
									</fieldset>
									<div id="validation_errors_edit"></div>
									<div class="modal-footer">
										<button type="button" class="btn btn-secondary" data-dismiss="modal" id="btn-cancelar-contrato">Cancelar</button>
										<button type="button" class="btn btn-primary" id="btn_edit_contrato" value="Up">Editar Contrato</button>
									</div>
								</form>                         
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Fim do Modal -->


			<!-- Inicio do modal Baixa Parcela-->

			<input id="url" type="hidden" value="{{ \Request::url() }}">
			<div class="modal fade" id="BaixaParcela" 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_baixa_parcela" name="frm_baixa_parcela" novalidate="">
								@csrf
								<div class="form-group mb-3">
									<input type="hidden" name="id_parcela_baixa_modal" id="id_parcela_baixa_modal" value="">
									<label for="Nome">Valor a Receber</label>
									<input type="text" class="form-control" id="vl_receber_modal" name="vl_receber_modal"  disabled>
									
								</div>

								<div class="form-group mb-3">
									<label for="qtd_parcelas">Data do pagamento</label>
									<input type="date" class="form-control" id="dt_pagamento_modal" name="dt_pagamento_modal" placeholder="Data de Pagamento" required>
								</div>  
								<div class="form-group mb-3">
									<input type="hidden" name="tipo_cliente_modal" id="tipo_cliente_modal" value="D">
									<label for="Nome">Valor a Pago</label>
									<input type="text" class="form-control" id="vl_recebido_modal" name="vl_recebido_modal" placeholder="Valor recebido" required>
								</div>                                          
								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelarbaixa">Cancelar</button>
									<button type="button" class="btn btn-primary" id="btn_save_baixar" value="add" >Efetuar Baixar</button>
									<input type="hidden" name="liberacadastro_baixa_modal" id="liberacadastro_baixa_modal" value="true">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>

			<!-- Inicio do modal  Comissao-->

			<input id="url" type="hidden" value="{{ \Request::url() }}">
			<div class="modal fade" id="CadcomissaoModal" 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_add_comissao" name="frm_add_comissao" novalidate="">
								@csrf
								<div class="form-group row">
									<div class="col-6">
										<label>Nº Contrato</label>
										<input type="hidden" class="form-control" id="nr_contrato_com_modal" name="nr_contrato_com_modal">
										<input type="number" class="form-control" id="nr_contrato_com_modal_aux" name="nr_contrato_com_modal_aux" disabled>
									</div>  
									<div class="col-6"> 
										<label>Origem</label>
										<select class="form-control" id="tp_com_modal" name="tp_com_modal">
											<option value="A">Adesão</option>
											<option value="P">Parcela</option>
										</select>
									</div>
								</div>
								<div class="form-group row">
									<div class="col-3 hidden_comissao"> 
										<label>Parcela</label>
										<input type="number" class="form-control" id="nr_parcelas_modal" name="nr_parcelas_modal">
									</div>                                                      
									<div class="col-5">
										<label>Recebedor</label>
										<select id="recebedor_com_modal" name="recebedor_com_modal" class="form-control" required> 
											<option value="">Selecione..</option>   
											@forelse($vendedores_id as $vendedor)
											<option value="{{ $vendedor->id }}">{{ $vendedor->nome }}</option>                                          
											@empty  
											<option value="">Não existe Vendedor cadastrados..</option> 
											@endforelse 
										</select>
									</div>
									<div class="col-4">
										<label>% Comissão</label>
										<input type="text" class="form-control" id="porc_um_modal" name="porc_um_modal" required>
									</div>
								</div>
								<div class="form-group row hidden_cm_gerente">
									<div class="col-6">
										<label>Comissão Gerente</label>
										<input type="hidden" class="form-control" id="id_gerente_com_modal" name="id_gerente_com_modal">
										<input type="text" class="form-control" id="nome_gerente_com_modal" name="nome_gerente_com_modal" disabled>
									</div>
									<div class="col-6">
										<label>% Comissão</label>
										<input type="text" class="form-control" id="porc_gerente_modal" name="porc_gerente_modal" value="0">
									</div>      
								</div>
								<div id="validation_errors_comissao">   
								</div>

								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelar_comissao">Cancelar</button>
									<button type="button" class="btn btn-primary" id="btn_save_comissao" value="add" >Cadastrar Comissão</button>
									<input type="hidden" name="liberacadastrocomissao" id="liberacadastrocomissao" value="true">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- Fim do Modal -->

			<!-- Inicio do modal  Cobrança-->

			<input id="url" type="hidden" value="{{ \Request::url() }}">
			<div class="modal fade" id="TaxaModal" 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_add_taxa" name="frm_add_taxa" novalidate="">
								@csrf
								<div class="form-group row">
									<span id="msg_taxa" class="col-12"></span>
									<div class="col-6">
										<label>Nº Contrato</label>
										<input type="hidden" class="form-control" id="nr_contrato_taxa_modal" name="nr_contrato_taxa_modal">
										<input type="number" class="form-control" id="nr_contrato_taxa_modal_aux" name="nr_contrato_taxa_modal_aux" disabled>
									</div>  
									<div class="col-6">
										<label>Tipo Recebimento</label>
										<select id="tp_recebimento" name="tp_recebimento" class="form-control">
											<option value="">Selecione</option>
											<option value="A">Adesão</option>
											<option value="T">Taxa</option>
											<option value="P">Parcelas</option>
										</select>

									</div>                          
								</div>
								<div class="form-group row">
									<div class="col-6">
										<label for="qtd_parcelas">1º Parcela</label>
										<div class="form-group mb-3">                           
											<input type="date" class="form-control date" id="prim_parc_modal" name="prim_parc_modal" placeholder="Inicio vigente do contrato" required>
										</div>
									</div>
									<div class="col-6">
										<label for="vl_adesao">Valor</label>
										<div class="input-group mb-3">                              
											<div class="input-group-prepend">
												<span class="input-group-text" id="basic-addon1">R$</span>
											</div>
											<input type="number" step=".01" class="form-control" id="vl_taxa_modal" name="vl_taxa_modal" value="" placeholder="0,00" required>
										</div>
									</div>
								</div>
								<div class="form-group row">                            
									<div class="col-6"> 
										<label>Qtd Parcelas</label>
										<input type="number" class="form-control" id="qtd_parc_taxa_modal" name="qtd_parc_taxa_modal">
									</div>                                                  
									
									<div class="col-6">
										<label>Intevalos de dias</label>
										<select id="intervalo_modal"  name="intervalo_modal" class="form-control">
											<option value="1">1 Mês</option>
											<option value="2">2 Mês</option>
											<option value="3">3 Mês</option>
											<option value="4">4 Mês</option>
											<option value="5">5 Mês</option>
											<option value="6">6 Mês</option>
											<option value="7">7 Mês</option>
											<option value="8">8 Mês</option>
											<option value="9">9 Mês</option>
											<option value="10">10 Mês</option>
											<option value="11">11 Mês</option>
											<option value="12">1 Ano</option>
											<option value="24">2 Anos</option>
										</select>
									</div>

								</div>


								<div id="validation_errors_taxa">   
								</div>

								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelar_taxa">Cancelar</button>
									<button type="button" class="btn btn-primary" id="btn_save_taxa" value="add" >Gerar Cobrança</button>
									<input type="hidden" name="liberacadastrotaxa" id="liberacadastrotaxa" value="true">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- Fim do Modal -->

			<input id="url" type="hidden" value="{{ \Request::url() }}">
			<div class="modal fade" id="DeleteContrato" 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_delete_contrato" name="frm_delete_contrato" novalidate="">
								@csrf
								<div class="form-group row">
									<div class="col-6">
										<label>Nº Contrato</label>
										<input type="hidden" class="form-control" id="n_contrato_delete_modal" name="n_contrato_delete_modal">
										<input type="number" class="form-control" id="n_contrato_delete_modal_aux" name="n_contrato_delete_modal_aux" disabled>
									</div>                                                      
								</div>  
								<div id="validation_errors_delete"> 
								</div>

								<div class="modal-footer">
									<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelar_delete">Cancelar</button>
									<button type="button" class="btn btn-primary" id="btn_delete_contrato" value="add" >Deletar</button>
									<input type="hidden" name="liberacadastrotaxa" id="liberacadastrotaxa" value="true">
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>

			<!-- Guia -->
			<input id="url" type="hidden" value="{{ \Request::url() }}">
			<div class="modal fade bd-example-modal-lg"  id="Emitir_guia" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static">
				<!--  <div class="modal-dialog" role="document"> -->
					<div class="modal-dialog modal-lg">  
						<div class="modal-content">

							<div class="modal-header">
								<form method="POST" id="frm_emitir_gui" name="frm_delete_contrato" novalidate="">
									@csrf
									<div class="form-group row">
										<div class="col-12">
											<label>Quem irá utilizar a Guia?..</label>
											<select id="id_utilizador" name="id_utilizador" class="form-control" required> 
												<option value="">Selecione..</option>   
												@forelse($guia_cl as $guia)
												<option value="{{ $guia->id }}-{{ $guia->tipo_pessoa }}">{{ $guia->nome }}</option>                                         
												@empty  
												<option value="">Não pessoa para emissão..</option> 
												@endforelse 
											</select>
										</div>                                                      
										<div class="col-4">
											<label>Tipo do Convêniado..</label>
											<select id="tp_conveniado" name="tp_conveniado" class="form-control" required>
												<option value="" selected>Selecione..</option>
												<option value="Clínica">Clínica</option> 
												<option value="Médico">Médico</option>
												<option value="Laboratório">Laboratório</option>
											</select>
										</div>                                                      
										<div class="col-8">
											<input type="hidden" name="valor_receber" id="valor_receber" value="">
											<input type="hidden" name="valor_repasse" id="valor_repasse" value="">
											<label>Convêniado..</label>
											<select id="id_conveniado_modal" name="id_conveniado_modal" class="form-control" required disabled> 
												<option>Selecione...</option>
											</select>
										</div>                                                      
										<div class="col-12">
											<label>Procedimento..</label>
											<select id="id_procedimento_modal" name="id_procedimento_modal" class="form-control" required disabled> 
												<option value="">Selecione..</option>   
											</select>
										</div>                                                      
										<div class="col-6">
											<label>Data para comparecimento</label>
											<input type="date" class="form-control date" id="data_atendimento" name="data_atendimento" placeholder="Inicio vigente do contrato" required>
										</div>                                                      
										<div class="col-6">
											<label>Horário para comparecimento</label>
											<input type="text" class="form-control ini_aten" id="horario_atendimento" name="horario_atendimento" placeholder="Digite o horario do início de atendimento do convêniado..." required>
										</div>                                                      
									</div>  
									<div id="validation_errors_guia">   
									</div>

									<div class="modal-footer">
										<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelar_delete">Cancelar</button>
										<button type="button" class="btn btn-primary" id="btn_emitir_guia" value="add" >Emitir Guia</button>
										<input type="hidden" name="liberacadastrotaxa" id="liberacadastrotaxa" value="true">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>


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

							<!-- Messagem de retorno -->
							<div class="modal-header">
								<form method="POST" id="frm_imp_guia" name="frm_add_dependentes" novalidate="">
									@csrf
									<div class="form-group mb-3">                   
										<input type="hidden" name="id_guia_imp" id="id_guia_imp" value="">
										<label for="Nome">Guia para..</label>
										<input type="text" class="form-control text-uppercase" id="nome_guia_modal" name="nome_guia_modal" disabled>
									</div>                                          
									<div class="modal-footer">
										<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>                      
										<a href="" target="_blank" class="btn btn-info" id="a_imprime_guia">Imprimir Guia</a>
										<a href="" target="_blank" class="btn btn-info" style="display: none;" id="a_imprime_consulta">Imprimir Guia de Consulta</a>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>


				<!-- Fim Guia -->


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

				function buscarParcelas(id){

					if(id){
						var id_contrato = id;
						document.getElementById("sl_contrato").value = id ;
					}else{
						var id_contrato = document.getElementById("ult_contrato").value;
						document.getElementById("sl_contrato").value = id_contrato ;
					}

					

					$.getJSON({
						'processing': true, 
					//'serverSide': true,
					type: "GET",
					data: {id: id_contrato} ,
					url: "../../get-contas/busca",
					datatype: "json",
					success: function(parcelas) {
						//alert(parcelas);    
						//$('#tb_pagamentos').empty();

						$("#tb_pagamentos > tbody").empty();
						var tr_tabela = '';
						$.each(JSON.parse(parcelas),function(key,parcela){

							tr_tabela +='<tr id="tr_'+ parcela.id+'">   ';            
							tr_tabela +='<td>'+parcela.id_contrato+'<input type="hidden" value='+parcela.id+' id="id_parcela" name="id_parcela" /></td>';
							tr_tabela +='<td>'+parcela.num_parcela+'</td>';
							tr_tabela +='<td class="tipo_cobranca">'+parcela.tipo_cobranca+'</td>';
							tr_tabela +='<td class="dt_vencimento">'+parcela.data_vencimento+'</td>';
							tr_tabela +='<td class="vl_pagamento">'+parcela.valor_pgto+'</td>';
							tr_tabela +='<td class="vl_pagamento">'+parcela.nossoNumero+'</td>';
							tr_tabela +='<td>'+parcela.data_pagamento+'</td>';
							tr_tabela +='<td>'+parcela.valor_pago+'</td>';
							tr_tabela +='<td style="width:210px;"> '; 

							

							@can('manut_baixar_pgto')
							tr_tabela +='<button type="button" class="badge badge-pill badge-success float-left mr-1" data-toggle="modal" data-target="#BaixaParcela" data-whatever="@getbootstrap"';
							if(parcela.valor_pago > 0){
								tr_tabela +=' disabled ';
							}
							tr_tabela +=' onclick="pupularModal('+ parcela.id+','+parcela.valor_pgto+','+parcela.num_parcela+')">Baixar</button>';
							@endcan
							if(parcela.nossoNumero == null){
								@can('manut_desf_pgto') 
								tr_tabela +='<button type="button" class="badge badge-pill badge-warning float-left mr-1" onclick="desfazerbaixa('+ parcela.id+')"  id="btn_desfazerbaixa">Desfazer</button>';
								@endcan
								@can('manut_delete_pgto') 
								tr_tabela +='<button type="button" class="badge badge-pill badge-danger float-left mr-1" onclick="excluirParcela('+ parcela.id+',1)"  id="btn_excluirParcela">Excluir</button>';
								@endcan
							}else{

								tr_tabela +='<button type="button" class="badge badge-pill badge-dark float-left mr-1"';
								tr_tabela +='><i class="fa fa-arrow-money"></i>Gerado p/ cobrança</button>';
							}




							tr_tabela +='  </td> ';
							tr_tabela +='</tr> ';  

						});     


						$('#tb_pagamentos').append(tr_tabela);

					}
				});
						//Busca comissoes
						buscarComissao(id);


					}

					function buscarComissao(id){

						if(id){
							var id_contrato = id;
						}else{
							var id_contrato = document.getElementById("ult_contrato").value;
						}

						$.getJSON({
							'processing': true, 
								//'serverSide': true,
								type: "GET",
								data: {id: id_contrato} ,
								url: "../../get-contas/buscarComissao",
								datatype: "json",
								success: function(comissoes) {
									//alert(parcelas);    
									
									$("#tb_comissao > tbody").empty();
									var tr_tabela = '';
									$.each(JSON.parse(comissoes),function(key,comissao){

										tr_tabela +='<tr id="tr_'+ comissao.id+'">  ';
										tr_tabela +='<td class="tipo_cobranca">'+comissao.tipo_cobranca+'<input type="hidden" value='+comissao.id+' id="id_comissao" name="id_comissao" /></td>';
										tr_tabela +='<td class="id_recebedor">'+comissao.nome+'</td>';
										tr_tabela +='<td class="id_recebedor">'+comissao.num_parcela+'</td>';
										tr_tabela +='<td class="porcentagem">'+comissao.porcentagem+'</td>';
										tr_tabela +='<td class="dt_vencimento">'+comissao.data_vencimento+'</td>';
										tr_tabela +='<td style="width:210px;"> '; 
										@can('manut_delete_comis')  
										tr_tabela +='<button type="button" class="badge badge-pill badge-danger float-left mr-1" onclick="excluirParcela('+ comissao.id+',2)"  id="btn_excluirParcela">Excluir</button>';
										@endcan
										tr_tabela +='</td> ';
										tr_tabela +='</tr> ';  

									});     
									
									$('#tb_comissao').append(tr_tabela);

								}
							});

					}
				</script>



				
				@endsection
				@section('post-script')
				
				<script type='text/javascript'>

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

	document.addEventListener("load", buscarParcelas(0),$(".bt_ad_com").attr('disabled',false),$(".bt_ad_taxa").attr('disabled',false));

	$('#dt_carencia_modal_1').focusout(
		function(){
			
			var data_carencia_ini = $('#dt_carencia_modal_1').val();

			var name            = confirm("Deseja repetir está data para todo o cadastro?");
			if (name == (true)){ 
					//$(".pren_data").val() = popularCampoData(data_carencia_ini);
					//document.getElementsByClassName('pren_data').value = "2019-02-02";
					$(".pren_data").attr("value",data_carencia_ini) ;

				}


			});


		//#####################Ínicio Contrato
		@include('ajax.contrato');
		//#####################Fim Contrato

		//#####################Ínicio Dependentes       
		@include('ajax.dependente');
		//#####################Fim dependentes

		//#####################Ínicio Baixa     
		@include('ajax.baixa');
		//#####################Fim Baixa

		//#####################Ínicio Comissão  
		@include('ajax.comissao');
		//#####################Fim Comissão

		//#####################Ínicio Taxa  
		@include('ajax.taxa');
		//#####################Fim Taxa 

		//#####################Ínicio Taxa  
		@include('ajax.guia');
		//#####################Fim Taxa 

		//#####################Ínicio Cep
		@include('ajax.cep');
		//#####################Fim Cep

		@include('ajax.agenda');




// Fim do document ready
}) ;


</script>

<style>
	#app #modal-dependentes {
		margin: 0 auto;
		max-width: fit-content;
	}
	#app #modal-dependentes2 {
		width: auto; 
		align-content: center;
	}
</style>
@endsection