@extends('layouts.app')
@section('title','Lista de Contas a Receber')
<meta name="_token" content="{!! csrf_token() !!}" />
@section('content')
<h4>Boletos</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 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" >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 class="input-group-prepend">
						<span class="input-group-text">Data Emissão Inicial e Final </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>
					<input type="text" name="cliente_fil" id="cliente_fil" class="form-control mt-3" placeholder="Cliente...">
					<input type="text" name="boleto_fil" id="boleto_fil" class="form-control mt-3" placeholder="Nº Boleto...">
					<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">
			<div class="float-left">	
				
				<!-- <button type="button" class="btn btn-danger" id="btn_gerar_boleto">Cancelar Remessa</button> -->
			<!-- 	<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> -->


			<!-- <button type="button" class="btn btn-danger float-left mb-4 mr-1 ml-1" data-toggle="modal" data-target="#CancelarRemessa" data-whatever="@getbootstrap">Cancelar Remessa</button>	
				 -->
			</div>
			<a type="button" class="btn btn-dark float-right" target="_blank" href="{{ URL::to('boleto/remessa') }}">Gerar Remessa</a>
			
		</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">Cont. / Cliente</th>
						<th scope="col">Parc.</th>			   
						<th scope="col">Dt. Inc. Tít.</th>
						<th scope="col">Receber</th>
						<th scope="col">Nº Boleto</th>
						<th scope="col">Nosso Nº</th>
						<th scope="col">Dt Incl. Boleto</th>
						<th scope="col">Dt. Venc. Boleto</th>
						<th scope="col">Vr. Boleto</th>
						<th scope="col">Processado Bc.</th>
						<th scope="col">Emissor Boleto</th>
						<th scope="col">Nº Remessa</th>
						<th scope="col">Ação</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="CancelarRemessa" 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-12">
								<label for="Nome">Número da Remessa</label>
								<input type="number" step=".01" class="form-control calc" id="n_remessa" name="n_remessa" value="0" required>
							</div>
							
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal" id="bt_cancelarRemessa">Cancelar</button>
							<button type="button" class="btn btn-primary" id="btn_cancelar_remessa" value="add" >Efetuar Cancelamento</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_boleto" id="inp_excluir_boleto" value="0">

    {{$receber->links()}}

    @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(){

				$("#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(),
			        	boleto_fil 	 :$('#boleto_fil').val(),
			        }



			        $.getJSON({
			        	'processing': true, 
			        //'serverSide': true,
			        type: "POST",
			        data: formData ,
			        url: "../../get-boletos/busca_bol",
			        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_boleto= 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_boleto+'" class="linha_tabela">	';		      
			        		tr_tabela +='<td>'+parcela.id_contrato+' - '+limita_str(parcela.nome,25) +'<input type="hidden" value='+parcela.id_boleto+' id="id_parcela" name="id_parcela" /></td>';
			        		tr_tabela +='<td>'+parcela.num_parcela+'</td>';
			        		tr_tabela +='<td>'+parcela.data_emissao+'</td>';
			        		tr_tabela +='<td>'+numberToReal2(parcela.valor_pgto)+'</td>';
			          		tr_tabela +='<td>'+parcela.num_boleto+'</td>';
			          		tr_tabela +='<td>'+parcela.nossoNumero+'</td>';
			        		tr_tabela +='<td>'+parcela.data_boleto+'</td>';
			        		tr_tabela +='<td>'+parcela.data_venc_bol+'</td>';
			        		tr_tabela +='<td>'+parcela.vr_boleto+'</td>';
			        		tr_tabela +='<td>'+parcela.processado_banco+'</td>';
			        		tr_tabela +='<td>'+parcela.usuario_boleto+'</td>';
			        		if(parcela.nome_arquivo != null ){
			        			tr_tabela +='<td><a class="" target="_blank" title="Download do Arquivo" href="{{URL::to("boleto/download_remessa") }}/'+parcela.nome_arquivo+'">'+parcela.num_remessa+' - '+parcela.nome_arquivo+'</a></td>';
			        		   }else{
			        		   	tr_tabela +='<td></td> ';

			        		   }
				        	if(parcela.nome_arquivo == null ){
				        		tr_tabela +='<td style="width:10%;"> ';
				        		tr_tabela +='<button class="badge badge-pill badge-danger float-left mr-1" data-toggle="tooltip" data-placement="top" title="Excluir Boleto" onclick="excluirBoleto('+ parcela.num_boleto+')"><i class="fa fa-trash"></i> Excluir</button>';			
				       		 }
				        	tr_tabela +='</td>';
			        		tr_tabela +='</tr> ';
			        		tt_valor_pgto = parseFloat(tt_valor_pgto) + parseFloat(parcela.valor_pgto);
			        	});   


			        	if(cont == 0 ){

			        		tr_tabela +='<tr class="linha_tabela">	';	
			        		tr_tabela +='<td colspan="13"> <b><h2>Não foi encontrado Boletos para serem gerados.</h2></b></td>';		        	
			        		tr_tabela +='</tr> ';
			        	} 









			        	tr_tabela +='<tr>';	
			        	tr_tabela +='<td colspan="3"><b><h5>Totais R$: </h5></b></td>';
			        	tr_tabela +='<td><b>'+numberToReal2(tt_valor_pgto)+'</b></td>';
			        	tr_tabela +='<td colspan="4"></td>';
			        	tr_tabela +='<td colspan="5"></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.boleto');
		//#####################Fim Recebiveis


		// Fim do document ready
	}) ;

</script>

@endsection