@extends('layouts.app')
@section('title','Lista de Contas a Pagar')
<meta name="_token" content="{!! csrf_token() !!}" />
@section('content')
	<h4>Pagamento de Comissão</h4>
	@if($message = Session::get('success'))
	<div class="alert alert-success">
		{{$message}}
	</div>
	@endif
	<div class="row">
		<div class="col-md-12">
			@can('add_cpg')
		<!-- 	<button type="button" class="btn btn-success float-right mb-4 mr-1" data-toggle="modal" data-target="#modalRecebiveis" data-whatever="@getbootstrap">Inserir Pagamentos</button> -->
			<button class="btn btn-info float-left mr-2 " data-toggle="modal" data-target="#Md_relatorios" data-whatever="@getbootstrap" >Relatórios</button>

		<button type="button" id="modal_baixa_lote" class="btn btn-success float-right mb-4 mr-1" data-toggle="modal" data-target="#modalBaixaLote" data-whatever="@getbootstrap">Baixa de Comissões</button>

		<button type="button" id="modal_baixa_lote" class="btn btn-info float-right mb-4 mr-1" data-toggle="modal" data-target="#modalImpOperacao" data-whatever="@getbootstrap">Impressão de Operação</button>
	
			@endcan
			<!-- <a class="btn btn-success float-right mb-4 mr-1 " href="{{ url('planos/create') }}">Inserir Recebivel</a> -->
		<!-- 	<a class="btn btn-success float-right mb-4 mr-1" href="{{ url('planos/create') }}">Gerar arquivo de Remessa</a>
			<a class="btn btn-success float-right mb-4 mr-1" href="{{ url('planos/create') }}">Ler arquivo de Retorno</a> -->
		</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(1)">Relatório de Comissões</button> -->
						<button type="button" class="btn btn-info m-1 bt_rel" data-backdrop="static" onclick="bt_relatorio(2)">Erro nas parcelas - Geração da comissão</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 Inico 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">Favorecido:</span>
							</div>			
							<select id="nome_fil_r01" name="nome_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</span>
							</div>
							<select class="form-control" id="tipo_fil_r01" name="tipo_fil_r01">
								<option value="T" >TODOS</option>
				   		    	<option value="A">Adesão</option>
				   		    	<option value="P">Parcela</option>
				   		    </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_r02" class="form-control" value="{{ date('Y-m-d') }}">
							<input type="date" id="dtFin_fil_r02" class="form-control" value="{{ date('Y-m-d') }}">
						</div>
					</div>	
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary float-right" data-dismiss="modal" id="btn_impboletdo">Outro Relatório</button>	
					<button type="button" class="btn btn-success float-left" data-dismiss="modal" id="btn_imprimir_rel">Imprimir</button>	
					
				</div>
				<button type="button" class="btn btn-warning float-right" data-dismiss="modal" id="btn_impboletdo">Cancela</button>
			</div>
		</div>
	</div>
</div>
<div id="teste_boleto">
		<a id="link_montado" href="" target="_blank"></a>
</div>
<script type="text/javascript">

		function bt_relatorio(id){
			document.getElementById('bt_click').value = id;

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

		$('#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/RelConPagar_1?dt_inicial='+$('#dtIni_fil_r01').val()+'&dt_final='+$('#dtFin_fil_r01').val()+'&vend='+$('#nome_fil_r01').val()+'&tipo='+$('#tipo_fil_r01').val();
					}else{
						url_rel = 'relatorios/RelConPagar_3?dt_inicial='+$('#dtIni_fil_r01').val()+'&dt_final='+$('#dtFin_fil_r01').val()+'&vend='+$('#nome_fil_r01').val()+'&tipo='+$('#tipo_fil_r01').val();
					}
				}else if(bt_click == 2){
				url_rel = 'relatorios/RelConPagar_2?dt_inicial='+$('#dtIni_fil_r02').val()+'&dt_final='+$('#dtFin_fil_r02').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="input-group mt-3">
							  <div class="input-group-prepend">
							    <label class="input-group-text" for="inputGroupSelect01" >Cliente Pagou?</label>
							  </div>
							  <select class="custom-select" id="cliente_pgto_fil" name="cliente_pgto_fil">
							    <option value="S" selected>Sim</option>
							    <option value="N">Não</option>
							  </select>
							  <div class="input-group-prepend">
							    <span class="input-group-text">Data Inicial e Final (Pgto. Cliente)</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 class="input-group mt-3">
							 	 <!--  <div class="input-group-prepend">
								    <label class="input-group-text" for="inputGroupSelect01">Status Pgto</label>
								  </div> -->
								 <!--  <select class="custom-select" id="status_pgto_fil">
								    <option value="1" selected>Todos</option>
								    <option value="2">Pagos pelo Sistema Premium</option>
								    <option value="4">Pagos pelo Cliente</option>
								    <option value="3">Pendentes</option>
								  </select> -->
								  <div class="input-group-prepend">
								    <label class="input-group-text" for="inputGroupSelect01">Vendedore Recebeu?</label>
								  </div>
								  <select class="custom-select" id="vendedor_pgto_fil" name="vendedor_pgto_fil">
									<option value="T" selected>Todos</option>
									<option value="S">Sim</option>
									<option value="N">Não</option>
								  </select>
							</div> 
							<input type="text" name="cliente_fil" id="cliente_fil" class="form-control mt-3" placeholder="Favorecido \ Vendedor...">
							<input type="text" name="contrato_fil" id="contrato_fil" class="form-control mt-3" placeholder="Nº Contrato...">
							<div class="input-group-append mt-3">
								<button type="button"  class="btn btn-outline-secondary" id="bt_filtrar">Buscar</button>
							</div>					
						</div>				
					</form>		
		</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">Contrato</th>
			      <th scope="col">Parc. Cli</th>
			      <th scope="col">Dt.Vencimento</th>
			      <th scope="col">Vl. Pgto</th>
			      <th scope="col">Vl. Pago</th>
			      <th scope="col">Favorecido</th>			      
			      <th scope="col">Porcetagem.</th>
			      <th scope="col">Cl.Nº parcela.</th>
			      <th scope="col">Cl.Dt Vencimento</th>
			      <th scope="col">Cl.Dt Pagamento</th>			      
			      <!-- <th scope="col">Cl.Vl Pagar</th> -->
			      <th scope="col">Cl.Vl Pago</th>
			      <th scope="col">Cl.Tp Baixa</th>
			      <th scope="col" >Op.</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 Pagar</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 Pagar</label>
							<input type="text" class="form-control" id="vl_receber_edit" name="vl_receber_edit">
						</div>
				<!-- 		<div class="form-group mb-3">
							<input type="hidden" name="id_parcela_baixa_modal" id="id_parcela_baixa_modal" value="">
							<label for="Nome">Desconto</label>
							<input type="text" class="form-control" id="vl_receber_modal" name="vl_receber_modal">
						</div>
						<div class="form-group mb-3">
							<input type="hidden" name="id_parcela_baixa_modal" id="id_parcela_baixa_modal" value="">
							<label for="Nome">Juros</label>
							<input type="text" class="form-control" id="vl_receber_modal" name="vl_receber_modal">
						</div>
						<div class="form-group mb-3">
							<input type="hidden" name="id_parcela_baixa_modal" id="id_parcela_baixa_modal" value="">
							<label for="Nome">Multa</label>
							<input type="text" class="form-control" id="vl_receber_modal" name="vl_receber_modal">
						</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">Favorecido</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_pagamentos" 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>





	<!-- Fim do baixar parcelas -->
	<div class="modal fade" id="modalBaixaLote" 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-12">
										<label>Data da Baixa</label>
										<input type="date" class="form-control" id="dt_baixa_lote" name="dt_baixa_lote" placeholder="Data de Pagamento" required>
										<input type="hidden" name="comissao_lote" id="comissao_lote">

									</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_baixa_comissoes" value="add">Baixar as Comissões</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" id="modalImpOperacao" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true" data-backdrop="static">
		<div class="modal-dialog" role="document">
			<div class="modal-content">

					<div class="modal-header">
					<div>
						<form method="POST" id="frm_create_imp_operacao" name="frm_create_contrato" novalidate="">
							@csrf	
							<fieldset>
								<div class="form-group row">
									<div class="col-12">
										<label>Operação</label>
										<input type="number" class="form-control" id="n_operacao_imp" name="n_operacao_imp" placeholder="Número da Operação" 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-operacao">Cancelar</button>
								<button type="button" class="btn btn-primary" id="btn_imp_operacao" value="add">Imprimir Com. de Operação</button>
								<input type="hidden" name="liberacadastro_contrato_modal" id="liberacadastro_contrato_modal" value="true">
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>



<!-- Fim dos modais -->






<!--  -->


@endsection
@section('post-script')
<script type='text/javascript'>
	//#####################Ínicio Funções


	@include('funcao.funcoes');

	//#####################Fim Funções
</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(){

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

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

				cliente_pgto_fil :$('#cliente_pgto_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(),
				vendedor_pgto_fil :$('#vendedor_pgto_fil').val(),
				
				}

	

		 	$.getJSON({
	        'processing': true, 
	        //'serverSide': true,
	          type: "GET",
	          data: formData ,
	          url: "../../comissao_pagamento/busca",
	          datatype: "json",
	          	beforeSend: function(){
					$("#gif_load").html('<img src="js/autocomplete/indicator.gif" />');
				},
			   success: function(parcelas) {
			   		$("#gif_load").html('');
	 
	          	var tt_valor_pgto = 0;	       
	          	var tt_valor_pago = 0;
	          	var tt_valor_cli = 0;



	           	$("#tb_pagamentos > tbody").empty();
	           			cont = 0;
			            var tr_tabela = '';
			            $.each(JSON.parse(parcelas),function(key,parcela){
			            	cont++;
				        	tr_tabela +='<tr id="tr_'+ parcela.id_conta+'"';
				        	if(parcela.valor_pago > 0){
							tr_tabela +='" style="background-color:#bbf69e"	';
							}
				        	tr_tabela +='>	';
				        	tr_tabela +='<td>'+parcela.id_contrato+'</td>';	
				        	tr_tabela +='<td>'+parcela.parcela+'</td>';	
				        	tr_tabela +='<td>'+parcela.data_vencimento+'</td>';	
				        	tr_tabela +='<td>'+numberToReal(parcela.valor_pgto)+'</td>';
				        	tr_tabela +='<td>'+numberToReal(parcela.valor_pago)+'</td>';
					        tr_tabela +='<td>'+limita_str(parcela.nome,20)+'<input type="hidden" value='+parcela.id_conta+' id="id_parcela" name="id_parcela" /></td>';	
							tr_tabela +='<td>'+parcela.porcentagem+'%</td>'; 
							tr_tabela +='<td style="color:green;">'+parcela.cr_num_parcela+'</td>';
							 tr_tabela +='<td style="color:green;">'+parcela.cr_data_vencimento+'</td>';
							tr_tabela +='<td style="color:green;">'+parcela.cr_data_pagamento+'</td>';					
							//tr_tabela +='<td style="color:green;">'+numberToReal(parcela.cr_valor_pgto)+'</td>';
							tr_tabela +='<td style="color:green;">'+numberToReal(parcela.cr_valor_pago)+'</td>';				
							tr_tabela +='<td style="color:green;">'+parcela.cr_tipo_baixa+'</td>';
							tr_tabela +='<td style="color:green;">'+parcela.n_operacao+'</td>';
							tr_tabela +='<td style="width:10%;"> ';   
							if(parcela.valor_pago == 0){
							@can('baixar_cpg')
							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_cpg')
							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_cpg')
							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		
							}else{
							@can('desf_cpg')
							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_cpg')
							tr_tabela +='<a href="relatorios/comprovante_pgto?cp='+ parcela.id_conta+'&op='+ parcela.n_operacao+'&opr=I" 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 +='<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>';

							tr_tabela +='</tr> ';  
						

							tt_valor_pgto = tt_valor_pgto + parcela.valor_pgto;						
							tt_valor_pago = tt_valor_pago + parcela.valor_pago;
							tt_valor_cli  = tt_valor_cli + parcela.cr_valor_pago;




			    });    
			            tr_tabela +='<tr>';	
								tr_tabela +='<td colspan="3"><b><h5>Totais R$: </h5></b></td>';
								tr_tabela +='<td><b>'+numberToReal(tt_valor_pgto)+'</b></td>';
								tr_tabela +='<td><b>'+numberToReal(tt_valor_pago)+'</b></td>';
								tr_tabela +='<td colspan="5"></td>';
					
								tr_tabela +='<td><b>'+numberToReal(tt_valor_cli)+'</b></td>';
								
								tr_tabela +='</tr> ';
	            	//@if('+parcela.valor_pago+'==0) disabled @endif
	           
	            $('#tb_pagamentos').append(tr_tabela);
	            $("#gif_load").html();
	          }
		    });


//				$("#alertModalsuccess_baixa").addClass('d-none');
//				$("#alertModaldanger_baixa").addClass('d-none');

		}






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


	// $(function () {
	//   $('[data-toggle="tooltip"]').tooltip()
	// });




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


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


// Fim do document ready
}) ;
   
</script>

@endsection