
<?php $__env->startSection('title', 'Liquidador de Intereses'); ?>
<?php $__env->startSection('content'); ?>
<div class="col-sm-12 col-md-9 col-lg-10 col-xl-10">
    <h3 class="text-center titulo">Liquidador de Intereses</h3>
    <div class="borde-externo">
        <form id="form-inline" method="post" accept-charset="utf-8">
            <p class="parrafo-forma">Los campos marcados con <strong class="requerido">*</strong> son obligatorios.</p>
            <?php echo e(csrf_field()); ?>

            <div class="form-group row">
                <label for="txtImpuesto" class="col-form-label col-sm-5 col-md-5 col-lg-2 col-xl-2 text-right"><strong class="requerido">*</strong>Impuesto:</label>
                <div class="col-sm-6 col-md-6 col-lg-2 col-xl-2">
                    <input class="form-control" type="text" name="txtImpuesto" onkeyup="MASK(this, this.value, '##,###,###,###,###,###,###', 1)" id="txtImpuesto" placeholder="Impuesto" title="Ingrese impuesto" onkeypress="return txtValida(event,'num')" required="">
                </div>
                <label for="txtFechaV" class="col-form-label col-sm-5 col-md-5 col-lg-1 col-xl-1 text-right"><strong class="requerido">*</strong>Vencimiento:</label>
                <div class="col-sm-6 col-md-6 col-lg-2 col-xl-2">
                    <input class="form-control fecha" type="text" name="txtFechaV" id="txtFechaV" placeholder="Vencimiento" title="Ingrese fecha vencimiento" required="" readonly="">
                </div>
                <label for="txtFechaPago" class="col-form-label col-sm-5 col-md-5 col-lg-2 col-xl-2 text-right"><strong class="requerido">*</strong>Fecha de Pago:</label>
                <div class="col-sm-6 col-md-6 col-lg-2 col-xl-2">
                    <input class="form-control fecha" type="text" name="txtFechaPago" id="txtFechaPago" placeholder="Fecha de Pago " title="Ingrese de pago" required="" readonly="">
                </div>
            </div>
            <div class="form-group row">
                <label for="txtDiasMora" class="col-form-label col-sm-5 col-md-5 col-lg-2 col-xl-2 text-right"><strong class="requerido">*</strong>Dias Mora:</label>
                <div class="col-sm-6 col-md-6 col-lg-2 col-xl-2">
                    <input class="form-control" type="text" name="txtDiasMora" id="txtDiasMora" placeholder="Dias Mora" title="Dias de mora" required="" readonly="">
                </div>
                <div class="col-sm-6 col-md-6 col-lg-7 col-xl-7 text-right">
                    <button id="btn-enviar" type="button" class="btn btn-primary sombra fa fa-send cursor"></button>
                </div>
            </div>
        </form>
    </div>
    <div class="superior borde-interno scroll tamaño-tb">
        <table id="tbl_liquidar" class="table table-bordered table-condensed">
            <thead>
                <tr>
                    <th>Año</th>
                    <th>Fecha Inicial</th>
                    <th>Fecha Final</th>
                    <th>% Tarifa</th>
                    <th>Dias</th>
                    <th>Valor</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
<script>
    $(".fecha").change(function(e) {
        var fecha1 = $("#txtFechaV").val();
        var fecha2 = $("#txtFechaPago").val();
        var dias   = restarFechas(fecha1, fecha2);
        $("#txtDiasMora").val(dias);
    });

    $("#btn-enviar").click(function(){
        var token       = $("input[name='_token']").val();
        var impuesto    = $("#txtImpuesto").val();
        var vencimiento = $("#txtFechaV").val();
        var fechaPago   = $("#txtFechaPago").val();
        var dias        = $("#txtDiasMora").val();
        if(impuesto != "" && vencimiento != "" && fechaPago != "" && dias != ""){
            $.post('MostrarIntereses', {
                "_token"       :token,
                "txtImpuesto"  :impuesto,
                "txtFechaV"    :vencimiento,
                "txtFechaPago" :fechaPago,
                "txtDiasMora"  :dias
            }, function(data, textStatus, xhr) {
                $("#tbl_liquidar>tbody").html(data);
            });
        }
    });
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>