@extends('layouts.app')
@section('title','Edita um Plano - '.$plano->ds_nome  )
<meta name="_token" content="{!! csrf_token() !!}" />
@section('content')
	
	<h1 class="mb-3">Editar um Plano - {{$plano->ds_nome}}</h1>
	@if($message = Session::get('success'))
	<div class="alert alert-success">
		{{$message}}
	</div>
	@endif


	@if(count($errors)>0)
	<div class="alert alert-danger">
		<ul>
			@foreach($errors->all() as $error)
			<li>{{$error}}</li>
			@endforeach
		</ul>
		
	</div>
	@endif
	<div class="row">
		<div class="col-md-8 ">
			<form method="POST" action="{{action('PlanosController@update',$id)}}">
				@csrf
				<input type="hidden" name="_method" value="PATCH">
				<div class="form-group mb-3">
					<label for="Nome">Status</label>
				    <select id="status" name="status" class="form-control"> 
				    	<option value="A" {{ ( 'A' == $plano->status ) ? ' selected' : '' }}>Ativo</option>
				    	<option value="I" {{ ( 'I' == $plano->status ) ? ' selected' : '' }}>Inativo</option>
				     </select>
			 	</div>
				<div class="form-group mb-3">
				    <label for="ds_nome">Nome do Plano</label>
				    <input type="text" class="form-control" id="ds_nome" name="ds_nome" value="{{$plano->ds_nome}}" placeholder="Digite o nome do Plano..." required>
			 	</div>
			 	
			 	<label for="vl_adesao">Valor da Adesão</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="vl_adesao" name="vl_adesao" value="{{$plano->vl_adesao}}" placeholder="0,00" required>
			 	</div>
			 	<div class="form-group mb-3">
				    <label for="tp_rec_adesao">Recebedor</label>
		   		    <!-- <input type="number" class="form-control" id="tp_rec_adesao" name="tp_rec_adesao" value="{{$plano->tp_rec_adesao}}" placeholder="Quem irá receber o valor da comissão..." min="0" max="2" required> -->
		   		    <select class="form-control" id="tp_rec_adesao" name="tp_rec_adesao" placeholder="Quem irá receber o valor da comissão...">
		   		    	<option value="0" @if($plano->tp_rec_adesao == 0) selected @endif >Sem comissão</option>
		   		    	<option value="1" @if($plano->tp_rec_adesao == 1) selected @endif>Gerente</option>
		   		    	<option value="2" @if($plano->tp_rec_adesao == 2) selected @endif>Vendedor</option>
		   		    </select>
			 	</div>
			 
				<div class="form-group mb-3">
				    <label for="porc_adesao">% que irá receber</label>
				    <input type="number" class="form-control" id="porc_adesao" name="porc_adesao" value="{{$plano->porc_adesao}}" placeholder="% sobre o valor da adesão, que o recebedor irá receber..." required>
				</div>
				<div class="form-group mb-3">
				    <label for="qtd_parcelas">Quantidades de Parcelas</label>
				    <input type="number" class="form-control" id="qtd_parcelas" name="qtd_parcelas" value="{{$plano->qtd_parcelas}}" placeholder="Quantidade de parcelas que o sistema irá gerar no CR..." required>
				</div>

			 	<label for="vl_parcela">Valor da Parcela</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="vl_parcela" name="vl_parcela" value="{{$plano->vl_parcela}}" placeholder="0,00" required>
			 	</div>
				
				<label for="vl_taxa">Valor da Taxa</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="vl_taxa" name="vl_taxa" value="{{$plano->vl_taxa}}" placeholder="0,00" required>
			 	</div>
				<div class="form-group mb-3">
				    <label for="per_taxa">Periodicidade</label>
				    <input type="number" class="form-control" id="per_taxa" name="per_taxa" value="{{$plano->per_taxa}}" placeholder="Depois das parcelas pagas, as parcelas serão de quanto em quanto tempo..." required>
			 	</div>
			 	<button type="submit" class="btn btn-primary">Atualizar Plano</button>
			</form>		

		</div>
		<div class="col-md-4 border">
			<h4>Configuração das Parcelas</h4>
			<!-- Tabela das configurações das parcelas -->
			<table class="table table-hover" id="tb_parcelas">
			  <thead>
			    <tr>
			      <th scope="col">Parcela</th>
			      <th scope="col">Recebedor</th>
			      <th scope="col">%</th>
			      <th scope="col">Ação</th>
			    </tr>
			  </thead>
			  <tbody>
			  </tbody>
			</table>
			<!-- Fim - Tabela das configurações das parcelas -->

			<!-- Inicio do modal -->


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

				<!-- Messagem de retorno -->

				<div class="alert alert-success d-none d-print-none" id="alertModalsuccess">
					<h5>Configuração salva com sucesso!</h5>
				</div>
				<div class="alert alert-danger  d-none d-print-none" id="alertModaldanger" >
					<h5>Já existe configuração para estes dados!</h5>
				</div>



			      <div class="modal-header">
			       	<form method="POST" id="frm_add_ConfParcelas" name="frm_add_ConfParcelas" novalidate="">
						@csrf
						<div class="form-group mb-3">
						    <label for="qtd_parcelas">Nº da Parcela</label>
						    <input type="number" class="form-control" id="nr_parcelas_modal" name="nr_parcelas_modal" placeholder="Qual o Nº da Parcela a ser efetuada a comissão" required>
						</div>										 	
					 	
					 	<div class="form-group mb-3">
						    <label for="tp_rec_adesao">Recebedor</label>
				   		    <!-- <input type="number" class="form-control" id="tp_rec_adesao_modal" name="tp_rec_adesao_modal" placeholder="Quem irá receber o valor da comissão..." value="0" required> -->
				   		    <select class="form-control" id="tp_rec_adesao_modal" name="tp_rec_adesao_modal" placeholder="Quem irá receber o valor da comissão...">
				   		    	<option value="1">Gerente</option>
				   		    	<option value="2">Vendedor</option>
				   		    </select>
					 	</div>
						<div class="form-group mb-3">
						    <label for="porc_adesao">% que irá receber</label>
						    <input type="number" class="form-control" id="porc_adesao_modal" name="porc_adesao_modal" placeholder="% sobre o valor da parcela, que o recebedor irá receber..." required>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
					 		<button type="button" class="btn btn-primary" id="btn-save" value="add" >Cadastrar Configuração para Plano</button>
					 		<input type="hidden" name="liberacadastro" id="liberacadastro" value="false">
					 	</div>
					</form>
			       </div>
			  	</div>
			  </div>
			</div>
			<!-- Fim do Modal -->
		</div>
	</div>
	
@endsection

@section('post-script')
<script type='text/javascript'>

	//No Inicio verifica se existe configuração para este plano
	$(document).ready(function() {

		var id_parcela = '{{$plano->id}}';
	
 		$.getJSON({
        'processing': true, 
        //'serverSide': true,
          type: "GET",
          data: {id: id_parcela},
          url: "../../get-confParcelas/busca",
          datatype: "json",
          success: function(parcelas) {
          	//alert(parcelas);    

            var tr_tabela = '';
            $.each(JSON.parse(parcelas),function(key,parcela){

				 tr_tabela +='<tr>	';		      
				 tr_tabela +='	<td>'+parcela.nr_parcela+'</td> ';
				 tr_tabela +='	<td>'+parcela.tp_rec+'</td> ';
				 tr_tabela +='	<td>'+parcela.porc_parcela+'%</td> ';
				 tr_tabela +='	<td><button class="btn btn-danger btn-delete delete-product" value="'+parcela.id+'">Excluir</button> ';		
				 tr_tabela +='  </td> ';
				 tr_tabela +='</tr> ';  

            });           	

            	tr_tabela +='<tr> ';
			    tr_tabela +='<td colspan="4"> ';		
	       		tr_tabela +='<button type="button" class="btn btn-success" data-toggle="modal" data-target="#CadConfParModal" data-whatever="@getbootstrap">Adicionar Configuração</button> ';

			   	tr_tabela +='</td> ';
			    tr_tabela +='</tr> ';
           
            $('#tb_parcelas').append(tr_tabela);
          }
    });

	// Verifica se já existe a configuração para o recebedor e parcela
	$("#tp_rec_adesao_modal").focusout(function(){

	var parcela  	=	$('#nr_parcelas_modal').val();
	var plano 	 	=	'{{$plano->id}}';	
	var recebedor 	= 	$('#tp_rec_adesao_modal').val(); 			

	$.getJSON({
	      
	          type: "GET",
	          data: {parcela:parcela ,plano:plano, recebedor:recebedor},
	          url: "../../get-confParcelas/buscaInsert",
	          datatype: "json",
	          success: function(result) {		         

				if(result == "[]"){
					document.getElementById('liberacadastro').value = "true";
				}else{
					$("#alertModaldanger").removeClass('d-none'); 
				}
	      			  
	          }

	      });
	});

	// Cria nova configuração
    $("#btn-save").click(function (e) {

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

        e.preventDefault(); 
        var formData = {
            nr_parcelas: 	$('#nr_parcelas_modal').val(),
            tp_rec_adesao: 	$('#tp_rec_adesao_modal').val(),
            porc_adesao: 	$('#porc_adesao_modal').val(),
			id_plano: 		'{{$plano->id}}',
        }

        var state 			= $('#btn-save').val();
        var type 			= "POST";       
      
        //Valida se pode cadastrar a configuração
    	if($('#liberacadastro').val() == "true"){ 

	        $.ajax({
	            type: type,
	            url: "../../get-confParcelas/salvar",
	            data: formData,
	            dataType: 'json',
	            success: function (data) {
	                console.log(data);
	               // alert('Salvo com sucesso');
	              	$("#alertModalsuccess").removeClass('d-none');
	                $('#frm_add_ConfParcelas').trigger("reset");
	                $('#CadConfParModal').modal('hide');
	                 location.reload();
	            },
	            error: function (data) {
	                console.log('Error:', data);
	            }
	        });
	    }

	});

	//Quando aperta o cancelar do modal
    $(".btn-secondary").click(function(){
	    $('#frm_add_ConfParcelas').trigger("reset");
		$('#CadConfParModal').modal('hide');
		$("#alertModalsuccess").addClass('d-none');
		$("#alertModaldanger").addClass('d-none');

    });


	//Apagar uma configuração
    $(document).on('click','.delete-product',function(){
        var conf_id = $(this).val();
         $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        })
        $.ajax({
            type: "get",
            data:{id:conf_id},
            url: '../../get-confParcelas/deleteItem/' ,
            success: function (data) {         
                location.reload();    
            },
            error: function (data) {
                console.log('Error:', data);
            }
        });
    });
















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


@endsection