@extends('layouts.app')
@section('title','Lista de Contas a Receber')
<meta name="_token" content="{!! csrf_token() !!}" />
@section('content')
<h4>Contas a Receber</h4>
@if($message = Session::get('success'))
<div class="alert alert-success">
	{{$message}}
</div>


@endif
@if($message = Session::get('warning'))
<div class="alert alert-warning"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>{{$message}}</div>
@endif
<div id="erros_boleto">	
</div>
<div id="validation-errors">

</div>

<div class="row">
<div class="col-md-12">
		@can('add_cr')
		<button type="button" class="btn btn-success float-right mb-4 mr-1" data-toggle="modal" data-target="#modalRecebiveis" data-whatever="@getbootstrap">Inserir Recebivel</button>
		<button class="btn btn-info float-left mr-2 " data-toggle="modal" data-target="#Md_relatorios" data-whatever="@getbootstrap" >Relatórios</button>
		@endcan

	</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)">Relatório de Vendas</button>
						<button type="button" class="btn btn-info m-1 bt_rel" data-backdrop="static" onclick="bt_relatorio(2)">Relatório de Grupos</button>
						<button type="button" class="btn btn-info m-1 bt_rel" data-backdrop="static" onclick="bt_relatorio(3)">Relatório de Baixas automáticas</button>
						<button type="button" class="btn btn-info m-1 bt_rel" data-backdrop="static" onclick="bt_relatorio(4)">Relatório de Inadimplência</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>
							<select id="vendedor_fil_r01" name="vendedor_fil_r01" class="form-control"> 
										<option value="0">TODOS..</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="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 id="rel_02" class="esconde">
						<div class="input-group">
							<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="dtFin_fil_r03" 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">Tipo Cobrança</span>
							</div>
							<select class="form-control" id="tipo_cob_fil_r03" name="tipo_cob_fil_r03">
						    	<option value="TD" selected>TODOS</option>
				   		    	<option value="A">Adesão</option>
				   		    	<option value="P">Parcela</option>
				   		    	<option value="T">Taxa</option>
				   		    </select>
						</div>
						<div class="input-group mt-1">								
							<div class="input-group-prepend">
								<span class="input-group-text">Mês de pagamento</span>
							</div>
							<select class="form-control" id="mes_fil_r03" name="mes_fil_r03">
						    	<option value="99" selected>TODOS</option>
						    	<option value="0">Par</option>
				   		    	<option value="1">Impar</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">Arquivo de Retorno</span>
							</div>
							<select id="arquivo_fil_r03" name="arquivo_fil_r03" class="form-control"> 
										<option value="">Selecione...</option>	
									@forelse($arq_retorno as $arq)
								   		<option value="{{ $arq->nome_arquivo }}">{{ $arq->nome_arquivo }} - {{ $arq->data_arquivo }}</option>											
									@empty	
										<option value="">Não existe Arquivos carregados..</option>	
									@endforelse	
							</select>
			
							<!-- <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 id="rel_04" class="esconde">
						<div class="input-group">
							<div class="input-group-prepend">
								<span class="input-group-text">Período do Inico e Fim</span>
							</div>
							<input type="date" id="dtIni_fil_r04" class="form-control" value="{{ date('Y-m-d') }}">
							<input type="date" id="dtFin_fil_r04" 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">Tipo Cobrança</span>
							</div>
							<select class="form-control" id="tipo_cob_fil_r04" name="tipo_cob_fil_r04">
						    	<option value="X" selected>TODOS</option>
				   		    	<option value="A">Adesão</option>
				   		    	<option value="P">Parcela</option>
				   		    	<option value="T">Taxa</option>
				   		    </select>
						</div>
						<div class="input-group mt-1">								
							<div class="input-group-prepend">
								<span class="input-group-text">Vendedor:</span>
							</div>
							<select id="vendedor_fil_r04" name="vendedor_fil_r04" class="form-control"> 
										<option value="0">TODOS..</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="input-group mt-1">								
							<div class="input-group-prepend">
								<span class="input-group-text">Gerente:</span>
							</div>
							<select id="gerente_fil_r04" name="gerente_fil_r04" class="form-control"> 
										<option value="0">TODOS..</option>	
									@forelse($gerentes_id as $ger)
								   		<option value="{{ $ger->id }}">{{ $ger->nome }}</option>											
									@empty	
										<option value="">Não existe Gerente cadastrados..</option>	
									@endforelse	
							</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_boleto1">
		<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');	
				}

				if($("#rel_04").attr("class") == "esconde" ){
				}else{
					$("#rel_04").removeClass('mostra');
					$("#rel_04").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');	
				}

				if($("#rel_04").attr("class") == "esconde" ){
				}else{
					$("#rel_04").removeClass('mostra');
					$("#rel_04").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');	
				}

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

			}else if(id == 4){
				if($("#rel_04").attr("class") == "esconde" ){
					$("#rel_04").removeClass('esconde');
					$("#rel_04").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){

					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 = 'relatorios/RelConReceber_4?arquivo='+$('#arquivo_fil_r03').val();

				}else if(bt_click == 4){
						url_rel = 'relatorios/RelConReceber_5?dt_inicial='+$('#dtIni_fil_r04').val()+'&dt_final='+$('#dtFin_fil_r04').val()+'&tipo_cob='+$('#tipo_cob_fil_r04').val()+'&vend='+$('#vendedor_fil_r04').val()+'&ger='+$('#gerente_fil_r04').val();
				}


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

<div class="row">
	<div class="col-md-12">
		<form method="POST" id="frm_filtro" name="frm_filtro" novalidate="">
			@csrf

			<div class="input-group mb-3">							
				<div class="col-sm-3 my-1">
					<div class="input-group">
						<div class="input-group-prepend">
							<label class="input-group-text" for="inputGroupSelect01" >Tipo Cobrança</label>
						</div>
						<select class="custom-select" id="tipo_cobranca_fil">
							<option value="" selected>Selecione..</option>
							<option value="T">Taxa</option>
							<option value="P">Parcela</option>
							<option value="A">Adesão</option>
						</select>
					</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" >Tipo Baixa</label>
						</div>
						<select class="custom-select" id="tipo_baixa_fil">
							<option value=" " selected>Selecione..</option>
							<option value="A">Aut</option>
							<option value="M">Man</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">Arquivo de Retorno</span>
						</div>
						<select id="arquivo_fil_ret" name="arquivo_fil_ret" class="form-control"> 
								<option value="">Selecione...</option>	
							@forelse($arq_retorno as $arq)
						   		<option value="{{ $arq->nome_arquivo }}">{{ $arq->nome_arquivo }} - {{ $arq->data_arquivo }}</option>											
							@empty	
								<option value="">Não existe Arquivos carregados..</option>	
							@endforelse	
						</select>									
					</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" >Tipo Data</label>
						</div>
						<select class="custom-select" id="tipo_data_fil">
							<option value="1">Emissão</option>
							<option value="2" selected>Vencimento</option>
							<option value="3">Pagamento</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" 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 class="col-sm-3 my-1">
					<div class="input-group">
						<div class="input-group-prepend">
							<span class="input-group-text">Nome do Cliente</span>
						</div>
						<input type="text" name="cliente_fil" id="cliente_fil" class="form-control">
					</div>
				</div>

					
				<div class="col-sm-3 my-1">
					<div class="input-group">
						<div class="input-group-prepend">
							<span class="input-group-text">Número do Contrato</span>
						</div>
						<input type="text" name="contrato_fil" id="contrato_fil" class="form-control">
					</div>
				</div>

				<div class="col-sm-3 my-1">
					<div class="input-group">
						<div class="input-group-prepend">
							<button type="button"  class="btn btn-outline-secondary" id="bt_filtrar">Buscar</button>
						</div>
					</div>
				</div>
				

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

	<div class="row">
		<div class="col-md-12">
		<!-- 	<div class="alert alert-danger text-right">
					BOLETOS EM EM HOMOLOGAÇÃO, NÃO É PERMITIDA A UTILIZAÇÃO DO MESMO SE NÃO FOR PARA TESTE, SOMENTE PESSOAS AUTORIZADAS!
				</div> -->
			<div class="float-right">	
				<button type="button" class="btn btn-dark" id="btn_gerar_boleto">Gerar Boleto(s)</button>
			<!-- 	<a type="button" class="btn btn-dark" 	target="_blank" href="{{URL::to('boleto/remessa') }}">Gerar Remessa</a> -->
				<button type="button" style="display: none;"class="btn btn-success float-right mb-4 mr-1" data-toggle="modal" data-target="#respBoleto" data-whatever="@getbootstrap" id="bt_respboleto"></button>

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

	<div class="row">
		<div class="col-md-12">
			<span id="gif_load">gif</span>
			<table class="table table-hover table-sm mt-4" id="tb_pagamentos">
				<thead>
					<tr>
						<th scope="col">Cad.</th>
						<th scope="col">Contr. / Cliente</th>
						<th scope="col">Tp.Cob</th>
						<th scope="col">Parcela</th>			   
						<th scope="col">Dt. Inc.</th>
						<th scope="col">Dt. Venc.</th>
						<th scope="col">Receber</th>
						<th scope="col">Desc.</th>
						<th scope="col">Juros</th>
						<th scope="col">Multa</th>
						<th scope="col">Vl Tarifa</th>
						<th scope="col">Vl Pago</th>
						<th scope="col" >Dt. Pgto</th>
						<th scope="col" >Bol./ Rem.</th>
						<th scope="col" >Tp. Baixa</th>
						<th scope="col" align="center">Ação</th>
						<th class="acoes_checkbox"><input type="checkbox" name="ckAll" id="ckAll" title="Selecionar Todos"/><div id="bloco_check_ajax_todos"></div></th>
					</tr>
				</thead>
				<tbody>

				</tbody>
			</table>
		</div>
	</div>	

	<!-- Inicio dos modais -->

	<!-- Baixa parcelas -->
	<!-- 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="alert alert-success d-none d-print-none" id="alertModalsuccess_baixa">
					<h5>Baixa realizada com sucesso!</h5>
				</div>
				<div class="alert alert-danger  d-none d-print-none" id="alertModaldanger_baixa" >
					<h5>Erro ao gerar o contrato</h5>
				</div>
				<div id="validation-errors">
				</div>

				<div class="modal-header">
					<form method="POST" id="frm_baixa_parcela" name="frm_baixa_parcela" novalidate="">
						@csrf
						<div class="form-group row">
							<div class="col-4">
								<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 calc" id="vl_receber_modal" name="vl_receber_modal"  disabled>
							</div>
							<div class="col-4">
								<label for="Nome">Número Parcela</label>
								<input type="text" class="form-control" id="num_parcela_modal" name="num_parcela_modal" disabled>
							</div>		
							<div class="col-4">
								<label for="Nome">Dt. Vencimento</label>
								<input type="text" class="form-control" id="data_vencimento_modal" name="data_vencimento_modal"  disabled>
							</div>	
						</div>
						<div class="form-group row">
							<div class="col-6">
								<label for="Nome">Multa</label>
								<input type="number" step=".01" class="form-control calc" id="multa_modal" name="multa_modal" value="0" placeholder="0,00" required>
							</div>
							<div class="col-6">							
								<label for="Nome">Juros</label>
								<input type="number" step=".01" class="form-control calc" id="juros_modal" name="juros_modal" value="0" placeholder="0,00" required>
							</div>
						</div>
						<div class="form-group row">
							<div class="col-12">
								<label for="Nome">Desconto</label>
								<input type="number" step=".01" class="form-control calc" id="desconto_modal" name="desconto_modal" value="0" placeholder="0,00" required>
							</div>
						</div>
						<div class="form-group row">
							<div class="col-6">
								<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="col-6">
								<label for="Nome">Valor a Pago</label>
								<input type="text" class="form-control" id="vl_recebido_modal_aux" name="vl_recebido_modal_aux" placeholder="Valor recebido" required disabled>
								<input type="hidden" class="form-control" id="vl_recebido_modal" name="vl_recebido_modal" placeholder="Valor recebido" required>
							</div>				
						</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>


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

				<div class="modal-header">
					<form method="POST" id="frm_edit_parcela" name="frm_edit_parcela" novalidate="">
						@csrf
						<div class="form-group mb-3">
							<label for="Nome">Número Parcela</label>
							<input type="text" class="form-control" id="num_parcela_edit" name="num_parcela_edit">
						</div>	
						<div class="form-group mb-3">
							<label for="Nome">Data do Vencimento</label>
							<input type="date" class="form-control" id="data_vencimento_edit" name="data_vencimento_edit">
						</div>										 	
						<div class="form-group mb-3">
							<input type="hidden" name="id_parcela_edit" id="id_parcela_edit" value="">
							<label for="Nome">Valor a Receber</label>
							<input type="text" class="form-control" id="vl_receber_edit" name="vl_receber_edit">
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelaredit">Cancelar</button>
							<button type="button" class="btn btn-primary" id="btn_editar_baixar" value="edit" >Editar Parcela</button>
							<input type="hidden" name="liberacadastro_baixa_modal" id="liberacadastro_baixa_modal" value="true">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<input type="hidden" name="inp_desfazer" id="inp_desfazer" value="0">
	<input type="hidden" name="inp_excluir" id="inp_excluir" value="0">

	<!-- Fim do baixar parcelas -->
	<div class="modal fade" id="modalRecebiveis" tabindex="-1" role="dialog" aria-labelledby="" 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_create_contrato" name="frm_create_contrato" novalidate="">
							@csrf	
							<fieldset>
								<div class="form-group row">
									<div class="col-9">
										<label for="n_contrato">Credor</label>
										<div class="form-group mb-3">							    
											<input type="text" class="form-control" id="credor_modal_man" name="credor_modal_man" value="">
										</div>									
									</div>									
								</div>						
								<div class="form-group row">
									<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="valor_modal_man" name="valor_modal_man" value="" placeholder="0,00" required>
										</div>
									</div>
									<div class="col-3">
										<label for="qtd_parcelas">Parcelas</label>
										<div class="form-group mb-3">							    
											<input type="number" class="form-control" id="qtd_parcelas_modal_man" name="qtd_parcelas_modal_man" value="" placeholder="Quantidade de parcelas que o sistema irá gerar no CR..." required>
										</div>
									</div>
									<div class="col-3">
										<label for="qtd_parcelas">Dividir ?</label>
										<div class="form-check">
											<input class="form-check-input" type="radio" name="dividir_modal_man" id="dmm_nao" value="0" checked>
											<label class="form-check-label" for="Não">
												Não
											</label>
										</div>
										<div class="form-check">
											<input class="form-check-input" type="radio" name="dividir_modal_man" id="dmm_sim" value="1">
											<label class="form-check-label" for="Sim">
												Sim
											</label>
										</div>

									</div>	
								</div>
								<div class="form-group row">
									<div class="col-8">
										<label>Data de Vencimento</label>
										<input type="date" class="form-control" id="dt_vcto_modal_man" name="dt_vcto_modal_man" placeholder="Data de Pagamento" required>

									</div>
								</div>

								<div id="validation_return">	
								</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_recebivel" value="add">Gerar Recebivel</button>
								<input type="hidden" name="liberacadastro_contrato_modal" id="liberacadastro_contrato_modal" value="true">
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static" id="respBoleto">
		<div class="modal-dialog modal-lg">  	
			<div class="modal-content" style="width: 900px;">
			<button type="button" class="btn btn-success" data-dismiss="modal" id="btn_impboleto">Imprimir</button>				
				<div class="modal-header">
					<div id="teste_boleto">
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		//Atualizar a tela depois de mostrar o boleto
		$('#respBoleto').on('hidden.bs.modal', function (e) {
			$("#bt_filtrar").click();
		  
		});
	</script>


	<!-- DETALHE -->

	<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static" id="detalhe_proConv_modal">
	  <div class="modal-dialog modal-lg">  	
	    <div class="modal-content">
	    	<div id="validation_errors_comissao"></div>
	    	<div id="validation_errors"></div>
		    <div class="row">
		    	<div class="col-12">
		       		<input class="form-control" id="myInput" type="text" placeholder="Buscar 'Qualquer coluna da tabela'...">
		   		</div>
		   	</div>	
	       <table class="table table-hover" id="tb_dados_parcelas">			
				<thead>
					<tr>
						<td colspan="4"><h5>Detalhe do contas a receber do Contrato: <span id="dtl_id_contrato"></span></h5></td>
					</tr>
					<tr>			     
						<th scope="col">Tp Cobr.</th>
						<th scope="col">Nº Parc.</th>
						<th scope="col">Data vencimento</th>
						<th scope="col">Valor Receber</th>
						<th scope="col">Data Pagamento</th>
						<th scope="col">Valor Pago</th>
					</tr>
				</thead>
				<tbody id="myTable">
					
				</tbody>
			</table>
			<script>
				$(document).ready(function(){
				  $("#myInput").on("keyup", function() {
				    var value = $(this).val().toLowerCase();
				    $("#myTable tr").filter(function() {
				      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
				    });
				  });
				});
			</script>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>	 		
		 	</div>
	    </div>
	  </div>
	</div>

	<script>
        document.getElementById('btn_impboleto').onclick = function() {
            var conteudo = document.getElementById('teste_boleto').innerHTML,
            tela_impressao = window.open('about:blank');
            tela_impressao.document.write(conteudo);
            tela_impressao.window.print();
            tela_impressao.window.close();
            buscarParcelas();

        };
    </script>

    {{$receber->links()}}

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

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

				        //e.preventDefault(); 
				        var formData = {
							id_contrato: 	id_contrato,
						}
				        var type 			= "POST";  
				        $.ajax({
					            type: type,
					            url: "../../get-receber/detalheParcela",
					            data: formData,
					            dataType: 'json',
					            success: function (data) {
					            	
									$("#tb_dados_parcelas > tbody").empty();
									$("#dtl_id_contrato").empty();
									var tr_parcelas = '';
					            	$.each(JSON.parse(data),function(key,value){
					            			tr_parcelas +='<tr class="linha_tabela">	';	
											tr_parcelas +='<td>'+value.tipo_cobranca+'</td>';
											tr_parcelas +='<td>'+value.num_parcela+'</td>';
											tr_parcelas +='<td>'+value.data_vencimento+'</td>';
											tr_parcelas +='<td>'+value.valor_pgto+'</td>';
											tr_parcelas +='<td>'+value.data_pagamento+'</td>';
											tr_parcelas +='<td>'+value.valor_pago+'</td>';				
											tr_parcelas +='</tr> ';	
															            	
    							 	});	
    							 	$('#tb_dados_parcelas').append(tr_parcelas);
    							 	$('#dtl_id_contrato').append(id_contrato);
    							    							 	
			      	            },

					            error: function (data) {					               								               	
					            
					            	alert('error');
					            	}
					    });
				
			}
		</script>

		<script type='text/javascript'>

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

			//CARREGA  AS CONTAS COM BASE NOS FILTROS
			//document.addEventListener("load", buscarParcelas());

			$("#bt_filtrar").click(function(){
				buscarParcelas();
			});		


			function buscarParcelas(){

				$("#ckAl").attr("checked", false);

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

			        //e.preventDefault(); 
			        var formData = {

			        	tipo_data_fil 	 :$('#tipo_data_fil').val(),
			        	data_inicial_fil :$('#data_inicial_fil').val(),
			        	data_final_fil 	 :$('#data_final_fil').val(),
			        	status_pgto_fil  :$('#status_pgto_fil').val(),
			        	cliente_fil 	 :$('#cliente_fil').val(),
			        	contrato_fil 	 :$('#contrato_fil').val(),
			        	tipo_cobranca_fil:$('#tipo_cobranca_fil').val(),
			        	tipo_baixa_fil	 :$('#tipo_baixa_fil').val(),
			        	arquivo_fil_ret	 :$('#arquivo_fil_ret').val(),			        	
			        	
			        }



			        $.getJSON({
			        	'processing': true, 
			        //'serverSide': true,
			        type: "GET",
			        data: formData ,
			        url: "../../get-receber/busca",
			        datatype: "json",
			        beforeSend: function(){
			        	$("#gif_load").html('<div id="box-loading"> <div class="loading"> <div class="obj"> </div> <div class="obj"> </div> <div class="obj"></div> <div class="obj"></div> <div class="obj"></div> <div class="obj"></div> <div class="obj"></div> <div class="obj"></div> </div></div>');
			        },
			        success: function(parcelas) {

			        	$("#gif_load").html('');

			        	var tt_valor_pgto = 0;
			        	var tt_desconto = 0;
			        	var tt_juros = 0;
			        	var tt_multa = 0;
			        	var tt_valor_pago = 0;
			        	var tt_valor_tarifa = 0;



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

			        		if(key == "danger"){
								/*	tr_tabela +='<tr>';	
									tr_tabela +='<td colspan="16"><b><h5 style="color:red;">'+parcela+'</h5></b></td>';
									tr_tabela +='</tr> ';
									*/

									$('#validation-errors').append('<div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>'+parcela+'</div');
								//alert(value);
			        		}else{



			        		cont++;
			        		tr_tabela +='<tr id="tr_'+ parcela.id_conta+'" class="linha_tabela">	';	
			        		tr_tabela +='<td>';	
				 			@can('manut_cliente')
							tr_tabela +='<a href="{{URL::to("clientes")}}/'+parcela.id_cliente+'/edit" class="badge badge-pill badge-primary float-left mr-1" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i></a> ';
							@else
							tr_tabela +='<a href="{{URL::to("clientes")}}/'+parcela.id_cliente+'class="badge badge-pill badge-info float-left mr-1" target="_blank">+Detalhe</a>';
							@endcan
							tr_tabela +=' </td>';
			        		tr_tabela +='<td>'+parcela.id_contrato+' - '+limita_str(parcela.nome,25) +'<input type="hidden" value='+parcela.id_conta+' id="id_parcela" name="id_parcela" /></td>';
			        		tr_tabela +='<td>'+parcela.tipo_cobranca+'</td>';
			        		tr_tabela +='<td>'+parcela.num_parcela+' / '+parcela.max_parcela+'<button class="badge badge-pill badge-light float-right mr-1" onclick="detalheParcelasContrato('+ parcela.id_contrato+')"  data-toggle="modal" data-target="#detalhe_proConv_modal"><i class="fa fa-search" aria-hidden="true"></i></button></td>';
			        		tr_tabela +='<td>'+parcela.data_emissao+'</td>';
			        		tr_tabela +='<td class="dt_vencimento">'+parcela.data_vencimento+'</td>';
			        		tr_tabela +='<td>'+numberToReal2(parcela.valor_pgto)+'</td>';
			        		tr_tabela +='<td>'+numberToReal2(parcela.desconto)+'</td>';
			        		tr_tabela +='<td>'+numberToReal2(parcela.juros)+'</td>';
			        		tr_tabela +='<td>'+numberToReal2(parcela.multa)+'</td>';
			        		tr_tabela +='<td>'+numberToReal2(parcela.vl_tarifa)+'</td>';
			        		tr_tabela +='<td>'+numberToReal2(parcela.valor_pago)+'</td>';
			        		tr_tabela +='<td>'+parcela.data_pagamento+'</td>';
			        		tr_tabela +='<td>'+parcela.num_boleto +' / '+parcela.num_remessa+'</td>';
			        		tr_tabela +='<td>'+parcela.tipo_baixa+' / '+parcela.arq_retorno+'</td>';
			        		tr_tabela +='<td style="width:10%;"> ';   
			        		
			        		if(parcela.valor_pago == 0){
			        			//Se existir boleto gerado não deixar baixar manualmente, somente se cancelar o boleto pode baixar editar o 
			        			//título manualmente depois de baixado não deixar de fazer mais nada.

			        			//Cancelar boleto
			        			//2º via - apagar o boleto existente e criar um novo calcular a multa e juros diários
			        			if(parcela.num_boleto > 0){
			        				@can('baixar_cr')
				        			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_conta+','+parcela.valor_pgto+','+parcela.num_parcela+')"><i class="fa fa-arrow-down"></i></button>';
				        			@endcan
				        			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>';
				        		

			        			}else{

				        			@can('baixar_cr')
				        			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_conta+','+parcela.valor_pgto+','+parcela.num_parcela+')"><i class="fa fa-arrow-down"></i></button>';
				        			@endcan
				        			@can('edit_cr')

				        			tr_tabela +='<button type="button" class="badge badge-pill badge-primary float-left mr-1" data-toggle="modal" data-target="#EditarParcela" data-whatever="@getbootstrap"';
				        			if(parcela.valor_pago > 0){
				        				tr_tabela +=' disabled ';
				        			}
				        			tr_tabela +=' onclick="pupularModalEdita('+ parcela.id_conta+','+parcela.valor_pgto+','+parcela.num_parcela+')"><i class="fa fa-pencil-square-o"></i></button>';
				        			@endcan
				        			@can('delete_cr')
				        			tr_tabela +='<button class="badge badge-pill badge-danger float-left mr-1" data-toggle="tooltip" data-placement="top" title="Excluir Recebivel" onclick="excluirParcela('+ parcela.id_conta+',1)"><i class="fa fa-trash"></i></button>';	
				        			@endcan	

				        			tr_tabela +='<td class="acoes_checkbox">';
					        		if(parcela.valor_pago == 0){
					        			tr_tabela +='<div id="bloco_check_ajax_'+ parcela.id_conta+'"></div>';
					        			tr_tabela +='<input type="checkbox" name="imprime_'+ parcela.id_conta+'" id="imprime_'+ parcela.id_conta+'" class="chk" value="'+ parcela.id_conta+'"/>';
					        		}	
					        		tr_tabela +='</td>';


			        			}


	

			        		}else{
			        			@can('desf_cr')

			        			if(parcela.tipo_baixa != "Aut"){
			        			tr_tabela +='<button class="badge badge-pill badge-warning float-left mr-1" data-toggle="tooltip" data-placement="top" title="Desfazer Recebivel" onclick="desfazerbaixa('+ parcela.id_conta+')"><i class="fa fa-arrow-up"></i></button>';
			        			}

			        			@endcan
			        			@can('imp_cr')
			        			// tr_tabela +='<button class="badge badge-pill badge-info float-left mr-1" data-toggle="tooltip" data-placement="top" title="Imprimir Recibo"><i class="fa fa-print"></i></button>';
			        			tr_tabela +='<a href="relatorios/comprovante_recebimento?cr='+ parcela.id_conta+'" class="badge badge-pill badge-info float-left mr-1" target="_blank" ><i class="fa fa-print"></i></a>';
			        			@endcan
			        		}
			        		tr_tabela +='</td>';					
			        		tr_tabela +='</tr> ';


			        		tt_valor_pgto = parseFloat(tt_valor_pgto) + parseFloat(parcela.valor_pgto);
			        		tt_desconto = parseFloat(tt_desconto) + parseFloat(parcela.desconto);
			        		tt_juros = parseFloat(tt_juros) + parseFloat(parcela.juros);
			        		tt_multa = parseFloat(tt_multa) + parseFloat(parcela.multa);
			        		tt_valor_pago = parseFloat(tt_valor_pago) + parseFloat(parcela.valor_pago);
			        		tt_valor_tarifa = parseFloat(tt_valor_tarifa) + parseFloat(parcela.vl_tarifa);
			        		}

			        	});    

			        	tr_tabela +='<tr>';	
			        	tr_tabela +='<td colspan="6"><b><h5>Totais R$: </h5></b></td>';
			        	tr_tabela +='<td><b>'+numberToReal2(tt_valor_pgto)+'</b></td>';
			        	tr_tabela +='<td><b>'+numberToReal2(tt_desconto)+'</b></td>';
			        	tr_tabela +='<td><b>'+numberToReal2(tt_juros)+'</b></td>';
			        	tr_tabela +='<td><b>'+numberToReal2(tt_multa)+'</b></td>';
			        	tr_tabela +='<td><b>'+numberToReal2(tt_valor_tarifa)+'</b></td>';
			        	tr_tabela +='<td><b>'+numberToReal2(tt_valor_pago)+'</b></td>';
			        	tr_tabela +='</tr> ';

			        	$('#tb_pagamentos').append(tr_tabela);
			        	$("#gif_load").html();


			        }
			    });


}

		//Ao abrir a página carregar os dados
		$('#bt_filtrar').click();

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

		//#####################Ínicio Recebiveis		
		@include('ajax.recebiveis');
		//#####################Fim Recebiveis


		// Fim do document ready
	}) ;

</script>

@endsection