@extends('layouts.app')
@section('title','Lista de Contas a Receber')
<meta name="_token" content="{!! csrf_token() !!}" />
@section('content')
<h4>Retorno</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') }}">
					<button type="button"  class="btn btn-outline-secondary" id="bt_filtrar">Buscar</button>
				</div>
			<!-- 		<input type="text" name="cliente_fil" id="cliente_fil" class="form-control mt-3" placeholder="Cliente...">
					<input type="text" name="contrato_fil" id="contrato_fil" class="form-control mt-3" placeholder="Nº Boleto..."> -->
					<div class="input-group-append mt-3">
						
						<button type="button" class="btn btn-success float-right mb-4 mr-1" data-toggle="modal" data-target="#modalRecebiveis" data-whatever="@getbootstrap">Upload Arquivo</button>
					</div>					
				</div>				
			</form>		
		</div>
	</div>

		<!-- Inicio dos modais -->

	<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 action="{{URL::to('retorno/arquivo')}}" method="post" enctype="multipart/form-data">
						  <div class="form-group">
						  	@csrf
						  	<div class="modal-body">
						    	<input type="file" class="form-control" name="image" id="image">
							</div>
							<div class="modal-footer">
							    <button type="button" class="btn btn-warning" data-dismiss="modal" id="btn_impboletdo">Cancela</button>				 <button type="submit"  class="btn btn-primary"  name="button">Enviar Arquivo</button>
							</div>
						  </div>
						</form>	
					</div>
				</div>
			</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">Id</th>
						<th scope="col">Nome Arquivo</th>			   
						<th scope="col">Data de Upload Arq.</th>
						<th scope="col">Leitura</th>			   
						<th scope="col">Data Leitura</th>
						<th scope="col">Processado</th>
						<th scope="col">Data do Processamento</th>
						<th scope="col">Ação</th>
					</tr>
				</thead>
				<tbody>

				</tbody>
			</table>
		</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">

	<!-- Fim do baixar parcelas -->

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


			function buscar(){

				$("#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(),
			        }



			        $.getJSON({
			        	'processing': true, 
			        //'serverSide': true,
			        type: "POST",
			        data: formData ,
			        url: "../../get-retorno/busca",
			        datatype: "json",
			        beforeSend: function(){
			        	$("#gif_load").html('<img src="js/autocomplete/indicator.gif" />');
			        },
			        success: function(parcelas) {

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

		
			        	$("#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 +'</td>';
							tr_tabela +='<td>'+parcela.nome_arquivo+'</td>';
							tr_tabela +='<td>'+parcela.data_upload+'</td>';
			        		tr_tabela +='<td>'+parcela.leitura+'</td>';
			        		tr_tabela +='<td>'+parcela.data_leitura+'</td>';
			        		tr_tabela +='<td>'+parcela.processado+'</td>';
			          		tr_tabela +='<td>'+parcela.data_processado+'</td>';
			           		if(parcela.processado == 'N'){ 	
			           			if(parcela.leitura == 'N' ){
								tr_tabela +='<td><a class="badge badge-pill badge-info float-left mr-1" title="Ler Arquivo" href="{{URL::to("boleto/retorno") }}/'+parcela.nome_arquivo+'">Leitura</a></td>';
			        		   	}
			        		  	if(parcela.leitura == 'S'){
			        			tr_tabela +='<td><a class="badge badge-pill badge-success float-left mr-1" title="Ler Arquivo" href="{{URL::to("boleto/retorno/processar") }}/'+parcela.nome_arquivo+'">Processar Arquivo</a></td>';
			        		   	}else{
			        		   	tr_tabela +='<td></td> ';
			        		   	}
			        		}else{
			        			tr_tabela +='<td><a class="badge badge-pill badge-primary float-left mr-1" title="Ler Arquivo" href="{{URL::to("retorno/arquivo/relatorio") }}/'+parcela.nome_arquivo+'">Relatório sobre o Arquivo</a></td>';
			        		}
			        				tr_tabela +='<td><a class="badge badge-pill badge-primary float-left mr-1" title="Ler Arquivo" href="{{URL::to("retorno/arquivo/relatorio") }}/'+parcela.nome_arquivo+'">Relatório sobre o Arquivo</a></td>';

				        
			        		tr_tabela +='</tr> ';
			           	});    

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


}

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


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


		// Fim do document ready
	}) ;

</script>

@endsection