<!-- start: Content -->

<div class="col-lg-12 top-20 padding-0">
  <div class="col-md-12">
    <div class="panel">
      
      <div class="panel-body">
          
        <?php $session = \Config\Services::session();  if(!empty($session->getFlashdata('mensaje_malo'))):?>
            <div class="alert alert-danger alert-dismissible show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <?php echo $session->getFlashdata('mensaje_malo'); ?>
            </div>
        <?php endif;?>
        <?php $session = \Config\Services::session();  if(!empty($session->getFlashdata('mensaje_bueno'))):?>
            <div class="alert alert-success alert-dismissible show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <?php echo $session->getFlashdata('mensaje_bueno'); ?>
            </div>
        <?php endif;?>  
        <div class="col-md-12">
            <div class="col-md-12"></br></br>
                <h3 class="animated fadeInLeft">Cobros</h3>
                  <p class="animated fadeInDown">
                    Conciliación <span class="fa-angle-right fa"></span> Cobros
                  </p>
                <div class="col-md-12 tabs-area">
                    
                    
                                <div class="modal-body col-md-12">
                                    <div class="col-md-6">
                                    <div class="form-group form-animate-text">
                                        <input type="number" step="0.01" class="form-text" id="vmonto" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Monto</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="text" class="form-text" id="vtcredito" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Tipo crédito</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="number" step="1" class="form-text" id="vcuotas" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Cuotas</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="number" step="1" class="form-text" id="vlote" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Lote</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="text" class="form-text" id="vreferencia" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Referencia</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <select size="1" id="cuenta_tipo" class="form-control form-control-sm " onchange="validarCuenta(document.getElementById( 'temporal_`+id+`'))" onblur="sumatoriaTablaCobro()">
                                            <option value="-1" selected>CUENTA</option>
                                            <?php foreach ($tipocuentas as $item) { if($item['tcu_descripcion']=="Clientes Tarjeta de Credito"){?>
                                                <option value="<?php echo $item['tcu_codigo'];?>" ><?php echo $item['tcu_descripcion'];?></option>
                                            <?php } }?>
                                        </select>
                                    </div>
                                    </div>
                                    <div class="col-md-6">
                                    <div class="form-group form-animate-text">
                                        <input type="number" step="1" class="form-text" id="vautorizacion" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Autorización</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="date" class="form-text date" id="vfpago">
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Fecha pago</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="date" class="form-text date" id="vftransaccion">
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Fecha transacción</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="text" class="form-text" id="vccosto" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> Centro costo</label>
                                    </div>
                                    <div class="form-group form-animate-text">
                                        <input type="text" step="1" class="form-text" id="vntc" >
                                        <span class="bar"></span>
                                        <label><span class="bar"></span> TC</label>
                                    </div>
                                    
                                    
                                    <div class="form-group form-animate-text">
                                        <select size="1" id="tercero" class="form-control form-control-sm" >
                                            <option value="" selected>SIN REGISTRO</option>
                                            <?php if(!empty($terceros["data"])){
                                                foreach($terceros["data"] as $item){
                                                    ?>
                                                    <option value="<?php echo $item['ter_codigo'];?>"><?php echo $item['ter_nombres'];?></option>
                                            <?php
                                                }}
                                            ?>
                                        </select>
                                    </div>
                                    <input type="hidden" id="usuario" name="usuario" value="<?php echo $session->get('fullName'); ?>">
                                </div>
                                <center>
                                    <div class="col-lg-6 center">
                                        <div class="form-group"><label class="col-sm-2 control-label text-right">Fecha de ajuste</label>
                                          <div class="col-sm-10"><input type="date" class="form-control" required id="fechaajuste" onchange="verfecha()"></div>
                                        </div>
                                    </div>
                                    <button class="btn ripple-infinite btn-round btn-info button"  type="button" onclick="insertarVenta()">
                                    <div>
                                        <span>Enviar</span>
                                    </div>
                                    </button>
                                </center>
                                </br></br>
                                </div>
                                
                                </div>
                            </div>
                            </div>
                            <br>
                            <br>
                            <br>
                            <br>
                             <div class="responsive-table" style="overflow-x:auto;">
                                <table id="tablaAccion1" class="table table-striped table-bordered" width="100%" cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th style="width:49px"></th>
                                            <th style="width:130px; text-align: center;">Banco/Cuenta</th>
                                            <th style="width:80px; text-align: center;">Tercero/Dependiente</th>
                                            <th style="width:20px; text-align: center;">Monto</th>
                                            <th style="width:80px; text-align: center; display:none;">Debe</th>
                                            <th style="width:80px; text-align: center; display:none;">Haber</th>
                                            <th style="width:80px; text-align: center;">Acción</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tAccionBody1">
                                        
                                    </tbody>
                                </table>
                            </div>
                            <br>
                            
                </div>
            </div>
        </div>
    </div>

  </div>
</div>

 <div class="modal fade" id="spinnerconciliacion" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" >
	<div class="modal-dialog" role="document" >
		<div class="modal-content" >     
			<div class="form-element" >
				<div class="col-md-12 padding-0" >
					<div class="col-md-12" >						
						<br><br><br><br><br><br><br><br><br><br>
						<h4>ESPERANDO RESPUESTA DE TICS..</h4>
						<div class="sk-fading-circle">
							<div class="sk-circle1 sk-circle"></div>
							<div class="sk-circle2 sk-circle"></div>
							<div class="sk-circle3 sk-circle"></div>
							<div class="sk-circle4 sk-circle"></div>
							<div class="sk-circle5 sk-circle"></div>
							<div class="sk-circle6 sk-circle"></div>
							<div class="sk-circle7 sk-circle"></div>
							<div class="sk-circle8 sk-circle"></div>
							<div class="sk-circle9 sk-circle"></div>
							<div class="sk-circle10 sk-circle"></div>
							<div class="sk-circle11 sk-circle"></div>
							<div class="sk-circle12 sk-circle"></div>
						</div>


						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- end: content -->


<script>
    function fechaActualParse() {
        var fecha=document.getElementById("fechaajuste").value; 
        if(fecha=='')
        {
            alert('Por favor ingrese la fecha del ajuste');
        }
        else
        {
            return fecha;
        }
    }
    function insertarVenta() {
        if($("#usuario").val()!=''){
        let button = document.querySelector(".button");
        button.disabled = true;
        //$('#spinnerconciliacion').modal('show');
        let monto = $("#vmonto").val();
        let tcredito = $("#vtcredito").val();
        let cuotas = $("#vcuotas").val();
        let lote = $("#vlote").val();
        let referencia = $("#vreferencia").val();
        let autorizacion = $("#vautorizacion").val();
        let fpago = $("#vfpago").val();
        let ftransaccion = $("#vftransaccion").val();
        let ccosto = $("#vccosto").val();
        let ntc = $("#vntc").val();
        let usuario = $("#usuario").val();
        var cuenta=$("#cuenta_tipo").val();
        var cuentaDescripcion="Clientes Tarjeta de Credito";
        var tercero=$("#tercero").val();alert(tercero);
        var selection = document.getElementById("tercero");
        var terceroDetalle=selection.options[selection.selectedIndex].text;
        var ajuste=[];
        
        alert();
        $.ajax({
            type: "POST",
            url: "https://megaprofer.serviciosrapidito.com/api-ctc/public/Ajustes/ventaInsert",
            data: {
                monto:monto,
                tcredito:tcredito,
                cuotas:cuotas,
                lote:lote,
                referencia:referencia,
                autorizacion:autorizacion,
                fpago:fpago,
                ftransaccion:ftransaccion,
                ccosto:ccosto,
                ntc:ntc,
                usuario:usuario
            },
            success: function (response) {alert("success");
                
                ajuste = {
                            "aju_fecha": fechaActualParse(),
                            "aju_nombre": `<?php 
                                                $session = \Config\Services::session();
                                                echo $session->get('fullName');
                                            ?>`,
                            "aju_descripcion": "Ajuste",
                            "aju_lote": lote,
                            "aju_ntarjeta": tcredito,
                            "aju_autorizacion": autorizacion,
                            "aju_ttarjeta": "",
                            "aju_totalajuste": 0,
                            "aju_monto": monto,
                            "aju_ajustes": [
                                {
                                    "idAjuste": "",
                                    "referenceId_Banco": "",
                                    "DetalleBanco": "",
                                    "referenceId_CuentaContable": cuenta,
                                    "DetalleCuentaContable": cuentaDescripcion,
                                    "referenceId_Tercero": tercero,
                                    "DetalleTercero": terceroDetalle,
                                    "referenceId_Dependiente": "",
                                    "DetalleDependiente": "",
                                    "DetalleCentroCosto": "",
                                    "DetalleReferencia": "",
                                    "D_Valor": -1,
                                    "H_Valor": -1,
                                    "tipoCuenta": "COBRO",
                                }
                            ]
                        };
                
                ajuste.aju_totalajuste = -1;
                /*ajuste.aju_ajustes.push({
                                    "idAjuste": "",
                                    "referenceId_Banco": "",
                                    "DetalleBanco":"",
                                    "referenceId_CuentaContable": cuenta,
                                    "DetalleCuentaContable": cuentaDescripcion,
                                    "referenceId_Tercero": tercero,
                                    "DetalleTercero": terceroDetalle,
                                    "D_Valor": -1,
                                    "H_Valor": -1,
                                    "tipoCuenta": "COBRO",
                                });*/
                                
                                
                                alert(JSON.stringify(ajuste, null, 4));
                                var jsonString = JSON.stringify(ajuste);
                                console.log(jsonString);
                                
                
                $.ajax({
                        type: "POST",
                        url: 'https://megaprofer.serviciosrapidito.com/api-ctc/public/Ajustes/ajustesValores',
                        data: {'array': JSON.stringify(ajuste)},
                        success: function (response) {
                            console.log(response);
                            //console.log(data);
                            alert("Ajuste / Cobro creado correctamente");
                            location.reload();
                        },
                        error: function (request, status, error) {
                            console.log(`ERROR: ${request.responseText}`);
                            //console.log(data);
                            alert("Error, no ha sido posible crear el ajuste");
                            location.reload();
                        }
                        
                    });
                    
                
                
            },
            error: function (request, status, error) {
                alert("ERROR: El cobro ya se encuenta ingresado, está intentando duplicar el registro");
            }
        });
    }
    else
    {
        alert("Por favor inicie sesión");
    }
}
    
    
    
    
    

    
</script>
<script>
    window.onload = function () {
      $.ajax({
        type: "POST",
        url: "https://megaprofer.serviciosrapidito.com/api-ctc/public/fechamaximacierremes",
        error: function(){
              alert("error petición ajax");
        },
        success: function(data){
            document.getElementById("fechaajuste").min=Object.values(data)[0];
              //alert(Object.values(data)[0]);

        }
  });
    }
  </script>
<style>
    div.overflowX {   
     overflow-x:auto;
     overflow-y:auto;   
     }
    
    td{
       
        white-space:nowrap
    }
    
    th{
        
        white-space:nowrap
    }
</style>