@extends('layouts.app')
@section('title','Lista de Almoxaridado')
<meta name="_token" content="{!! csrf_token() !!}" />
@section('content')
	<h4>Almoxaridado - Movimentações</h4>
	@if($message = Session::get('success'))
	<div class="alert alert-success">
		{{$message}}
	</div>
	@endif
	<div class="row">
		<div class="col-md-12">
			@can('add_movimentacao')
			<button type="button" class="btn btn-success float-right mb-4 mr-1" data-toggle="modal" data-target="#modalMovimentacoes" data-whatever="@getbootstrap">Inserir Movimentação</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 Movimentações</button>				
						<!-- 	<button type="button" class="btn btn-info m-1 bt_rel" data-backdrop="static" onclick="bt_relatorio(3)">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 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">Produto:</span>
								</div>
								 <select id="produto_rel_01" name="produto_rel_01" class="form-control" > 
									<option value="0">Selecione o produto...</option>
									@foreach($produtos as $produto)
										<option value="{{ $produto->id }}">{{ $produto->produto }}</option>
									@endforeach
								 </select>	
							</div>
							<div class="input-group mt-1">								
								<div class="input-group-prepend">
									<span class="input-group-text">Grupo:</span>
								</div>
								 <select id="grupo_rel_01" name="grupo_rel_01" class="form-control" > 
									<option value="0">Selecione o grupo...</option>
									@foreach($grupos as $grupo)
										<option value="{{ $grupo->id }}">{{ $grupo->grupo }}</option>
									@endforeach
								 </select>	
							</div>
							<div class="input-group mt-1">								
								<div class="input-group-prepend">
									<span class="input-group-text">Tipo Movimentação</span>
								</div>
								<select class="form-control" id="tipo_rel_mov_r01" name="tipo_rel_mov_r01">
							    	<option value="T" selected>Todos</option>
							    	<option value="E">Entrada</option>
					   		    	<option value="S">Saída</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>
					<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');	
				// }
			}else if(id == 3){

			}
		}

		 $('#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/RelAlmoxa_1?dt_inicial='+$('#dtIni_fil_r01').val()+'&dt_final='+$('#dtFin_fil_r01').val()+'&produto='+$('#produto_rel_01').val()+'&grupo='+$('#grupo_rel_01').val()+'&tipo='+$('#tipo_rel_mov_r01').val();
					}else{
						url_rel = 'relatorios/RelAlmoxa_2?dt_inicial='+$('#dtIni_fil_r01').val()+'&dt_final='+$('#dtFin_fil_r01').val()+'&produto='+$('#produto_rel_01').val()+'&grupo='+$('#grupo_rel_01').val()+'&tipo='+$('#tipo_rel_mov_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 = 'http://premium-oficial/relatorios/RelConReceber_3?dt_inicial='+$('#dtIni_fil_r03').val()+'&dt_final='+$('#dtFin_fil_r03').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">
							  <select class="custom-select" id="tipo_visualizacao">
							    <option value="A" >Analítico</option>
							    <option value="S">Sintético</option>
							  </select>
							  
							  <div class="input-group-prepend">
							    <label class="input-group-text" for="inputGroupSelect01" >Movimentação</label>
							  </div>
							  <select class="custom-select" id="tipo_movimentacao">
							    <option value="" selected>Selecione...</option>
							    <option value="E" >Entrada</option>
							    <option value="S">Saída</option>
							  </select>
							  <div class="input-group-prepend">
							    <span class="input-group-text">Data 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>
							<select id="grupo_fil" name="grupo_fil" class="custom-select mt-3" > 
								<option value="">Selecione o grupo...</option>
								@foreach($grupos as $grupo)
									<option value="{{ $grupo->id }}">{{ $grupo->grupo }}</option>
								@endforeach
							 </select>	
							 <select id="produto_fil" name="produto_fil" class="custom-select mt-3" > 
								<option value="">Selecione o produto...</option>
								@foreach($produtos as $produto)
									<option value="{{ $produto->id }}">{{ $produto->produto }}</option>
								@endforeach
							 </select>		
							
								<button type="button"  class="btn btn-outline-secondary mt-3" id="bt_filtrar">Buscar</button>
							</div>					
					</form>		
		</div>
	</div>



	<div class="row">
		<div class="col-md-12">
			<span id="gif_load"></span>
			<table class="table table-hover table-sm mt-4" id="tb_pagamentos">
			  <thead>
			    <tr>
			      <th scope="col">Produto</th>
			      <th scope="col">Quantidade</th>			   
			      <th scope="col">Valor</th>
			      <th scope="col">Tipo Mov.</th>
			      <th scope="col">Data Mov</th>
			      <th scope="col" align="center">Ação</th>
			    </tr>
			  </thead>
			  <tbody>
			 	@foreach ($movimentacoes as $mov)
		
				@if(Auth::check())

					    <tr>					
					      <td>{{$mov->produto}}</td>
					      <td>{{$mov->quantidade}}</td>
					      <td>{{$mov->valor}}</td>
					      <td>{{$mov->tipo_mov}}</td>
					      <td>{{$mov->data_mov}}</td>
					      <td>
					      	@can('delete_movimentacao')
					 			<button class="badge badge-pill badge-danger float-left mr-1" data-toggle="tooltip" data-placement="top" title="Excluir Movimentação"><i class="fa fa-trash"></i></button>		
					 		@endcan
					      </td>
					    </tr>					    
					
			  @endif
				
			@endforeach 
				</tbody>
			</table>
		</div>
		<input type="hidden" name="inp_excluir_mov" id="inp_excluir_mov" value="0">
	</div>	

<!-- Inicio dos modais -->



     		<div class="modal fade" id="modalMovimentacoes" 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 for="Nome">Produto</label>
								    <select id="produto" name="produto" class="form-control"> 
								    	<option value="">Selecione</option>
								    	@foreach($produtos as $produto)
											<option value="{{ $produto->id }}">{{ $produto->produto }}</option>
										@endforeach
								     </select>							
								</div>									
							</div>
							<div class="form-group row">
								<div class="col-3">
								 	<label for="qtd_parcelas">Quantidade</label>
								 	<div class="form-group mb-3">							    
									    <input type="number" class="form-control" id="quantidade" name="quantidade" value=""  required>
									</div>
								</div>
							  	<div class="col-5">
									<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" name="valor" value="" placeholder="0,00" required>
								 	</div>
								</div>
								<div class="col-4">
								 	<label for="Nome">Movimentação</label>
								    <select id="mov" name="mov" class="form-control"> 
								    	<option value="E">Entrada</option>
								    	<option value="S">Saída</option>
								     </select>
								</div>
						
						 	</div>
					 		<div class="form-group row">
				 				<div class="col-8">
							    	<label>Data da Movimentação</label>
							    	<input type="date" class="form-control" id="data_mov" name="data_mov" placeholder="Data de Pagamento" value="{{ date('Y-m-d') }}" 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_mov" value="add">Gerar Movimentaçã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 -->

{{$movimentacoes->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(){

			var visualizacao 	 = $('#tipo_visualizacao').val();

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

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

				tipo_visualizacao 	 :$('#tipo_visualizacao').val(),
				tipo_movimentacao :$('#tipo_movimentacao').val(),
				data_inicial_fil 	 :$('#data_inicial_fil').val(),
				data_final_fil  :$('#data_final_fil').val(),
				produto_fil 	 :$('#produto_fil').val(),
				grupo_fil 	 :$('#grupo_fil').val(),
				}
	

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

//			   		console.log(movimentacao);
	 
	          	var tt_valor_pgto = 0;
	          	var tt_desconto = 0;
	          	var tt_juros = 0;
	          	var tt_multa = 0;
	          	var tt_valor_pago = 0;

	          	if(visualizacao == "A"){

	          				$("#tb_pagamentos > thead").empty();

							var tr_tabela = '';

							tr_tabela += '<tr>';
							tr_tabela += ' <th scope="col">Produto</th>';
							tr_tabela += ' <th scope="col">Quantidade</th>';			   
							tr_tabela += ' <th scope="col">Valor</th>';
							tr_tabela += ' <th scope="col">Tipo Mov.</th>';
							tr_tabela += ' <th scope="col">Data Mov</th>';
							tr_tabela += ' <th scope="col" align="center">Ação</th>';
							tr_tabela += '</tr>';

							
				           	$("#tb_pagamentos > tbody").empty();
				           			cont = 0;
						    //        var tr_tabela = '';
						            $.each(JSON.parse(movimentacao),function(key,movimentacao){
						            	cont++;
							        	tr_tabela +='<tr id="tr_'+ movimentacao.id+'">	';		      
										tr_tabela +='<td>'+movimentacao.produto +'<input type="hidden" value='+movimentacao.id+' id="id_movimentacao" name="id_movimentacao" /></td>';
										tr_tabela +='<td>'+movimentacao.quantidade+'</td>';
										tr_tabela +='<td>'+numberToReal2(movimentacao.valor)+'</td>';
										//tr_tabela +='<td>'+movimentacao.valor+'</td>';
										tr_tabela +='<td>'+movimentacao.tipo_mov+'</td>';
										tr_tabela +='<td>'+movimentacao.data_mov+'</td>';
										tr_tabela +='<td style="width:10%;"> ';   
										@can('delete_movimentacao')
										tr_tabela +='<button class="badge badge-pill badge-danger float-left mr-1" data-toggle="tooltip" data-placement="top" title="Excluir Recebivel" onclick="excluirmovimentacao('+ movimentacao.id+')"><i class="fa fa-trash"></i></button>';@endcan			
										tr_tabela +='</td>';							
										tr_tabela +='</tr> ';  
									

										// tt_valor_pgto = tt_valor_pgto + movimentacao.valor_pgto;
										// tt_desconto = tt_desconto + movimentacao.desconto;
										// tt_juros = tt_juros + movimentacao.juros;
										// tt_multa = tt_multa + movimentacao.multa;
										// tt_valor_pago = tt_valor_pago + movimentacao.valor_pago;




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



				}else{	

					/*
						<table class="table table-hover table-sm mt-4" id="tb_pagamentos">
							  <thead>
							    <tr>
							      <th scope="col">Produto</th>
							      <th scope="col">Quantidade</th>			   
							      <th scope="col">Valor</th>
							      <th scope="col">Tipo Mov.</th>
							      <th scope="col">Data Mov</th>
							      <th scope="col" align="center">Ação</th>
							    </tr>
							  </thead>
							  <tbody>
							 	@foreach ($movimentacoes as $mov)
						
								@if(Auth::check())

									    <tr>					
									      <td>{{$mov->produto}}</td>
									      <td>{{$mov->quantidade}}</td>
									      <td>{{$mov->valor}}</td>
									      <td>{{$mov->tipo_mov}}</td>
									      <td>{{$mov->data_mov}}</td>
									      <td>
									 		<button class="badge badge-pill badge-danger float-left mr-1" data-toggle="tooltip" data-placement="top" title="Excluir Movimentação"><i class="fa fa-trash"></i></button>		
									      </td>
									    </tr>					    
									
							  @endif
								
							@endforeach 
								</tbody>
							</table>

					*/


					//Titulo

					$("#tb_pagamentos > thead").empty();

					var tr_tabela = '';

					tr_tabela += '<tr>';
					tr_tabela += ' <th scope="col">Produto</th>';
					tr_tabela += ' <th scope="col">Entrada</th>';			   
					tr_tabela += ' <th scope="col">Saída</th>';
					tr_tabela += ' <th scope="col">Saldo</th>';
					tr_tabela += '</tr>';




					//Linhas
						$("#tb_pagamentos > tbody").empty();
				           			cont = 0;
						            //var tr_tabela = '';
						            $.each(JSON.parse(movimentacao),function(key,movimentacao){
						            	cont++;
							        	tr_tabela +='<tr id="tr_'+ movimentacao.id+'">	';		      
										tr_tabela +='<td>'+movimentacao.produto +'<input type="hidden" value='+movimentacao.id+' id="id_movimentacao" name="id_movimentacao" /></td>';
										tr_tabela +='<td>'+movimentacao.entrada+'</td>';
										tr_tabela +='<td>'+movimentacao.saida+'</td>';
										tr_tabela +='<td>'+movimentacao.saldo+'</td>';
										tr_tabela +='</tr> ';  
										// tt_valor_pgto = tt_valor_pgto + movimentacao.valor_pgto;
										// tt_desconto = tt_desconto + movimentacao.desconto;
										// tt_juros = tt_juros + movimentacao.juros;
										// tt_multa = tt_multa + movimentacao.multa;
										// tt_valor_pago = tt_valor_pago + movimentacao.valor_pago;
						    });    
						     //        tr_tabela +='<tr>';	
											// tr_tabela +='<td colspan="4"><b><h5>Totais R$: </h5></b></td>';
											// tr_tabela +='<td><b>'+numberToReal(tt_valor_pgto)+'</b></td>';
											// tr_tabela +='<td><b>'+numberToReal(tt_desconto)+'</b></td>';
											// tr_tabela +='<td><b>'+numberToReal(tt_juros)+'</b></td>';
											// tr_tabela +='<td><b>'+numberToReal(tt_multa)+'</b></td>';
											// tr_tabela +='<td><b>'+numberToReal(tt_valor_pago)+'</b></td>';
											// tr_tabela +='</tr> ';
				            	//@if('+movimentacao.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.almoxarifado');
//#####################Fim Recebiveis


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

@endsection