<?php 
session_start();
include('../php_facturar/totales_facturar.php');
    
if ($venci>0 && $credito_sin_limite=='no' )
{
    echo '<div class="alert alert-danger alert-dismissable">
        <strong>No puede facturar con saldo vencido por pagar.</strong></div>';
}
else
{
    if ($puntos=='si') 
    {
       $total_punto=floor($sumador_total/$valor_punto_dinero);
    } 
    else
    { 
        $total_punto=0;
    }


    $si_cant=0;
    $no_cant=0;
    $sql=mysqli_query($con,"SELECT * from venta_detalle_temp where empresa='$empresa' and usuario='$usu_id' and vent_tipo='articulo'");
    while ($row=mysqli_fetch_array($sql))
    {
        $vent_tipo=$row['vent_tipo'];
        include('../php_facturar/detalle_temp.php');

        $sqls=mysqli_query($con,"SELECT * from articulos_has_bodegas where art_id ='$art_art_id'");
        $rows=mysqli_fetch_array($sqls);
        $art_cantidad=$rows['art_cantidad'];

        if ($art_cantidad>=$vent_cantidad) 
        {
           $si_cant+=1;
        }
        else
        {
            $no_cant+=1;
            $vent_referencia;
            $json[]=array
                (
                    'referencia'=> $vent_referencia,
                    'cantidad'=> $art_cantidad
                );
        }
    }

    if ($no_cant>=1 && $bajo_cero=='No' && $vent_tipo=='articulo') 
    {
        echo '<div class="alert alert-danger alert-dismissable">
             <strong>No puede facturar articulos con cantidad mayor a la existente.</strong></div>';

        $json_string = json_encode($json); 
        $jj=$json_string;
        $users = json_decode($jj);
        foreach ($users as $user) 
            { 
                echo '<div class="alert alert-warning alert-dismissable col_md_">
                <strong>Codigo: '.$user->referencia.'&nbsp &nbsp Cantidad Disponible: '.$user->cantidad.'</strong> </div>';
            }
    }
    else 
    { 
?>

<input type="hidden" name="usu_id" id="usu_id" value="<?php echo $usu_id; ?>">
<input type="hidden" name="total_punto" id="total_punto" value="<?php echo $total_punto; ?>">
<pre style="font-size:24px;text-align:center"><strong class="text-danger">$<?php echo number_format($sumador_total,0); ?></strong></pre>
<div id="resultado"></div>

<div id="ventana2">
    <div class="middle" >
        <label>
            <input type="radio" name="radio" id="Efectivo" value="Efectivo" checked onchange="javascript:showContent()"/>
            <div class="front-end box"><span>EFECTIVO</span></div>
        </label>
        <label>
            <input type="radio" name="radio" id="Transferencia" value="Transferencia" onchange="javascript:showContent()"/>
            <div class="back-end box"><span>TRANSFERENCIA</span></div>
        </label>
        <?php if ($clie_nombre<>'CLIENTE MOSTRADOR' && $clie_nombre<>'CONSUMIDOR FINAL' && $clie_nombre<>null) { ?>
        <label>
            <input type="radio" name="radio" id="Credito" value="Credito" onchange="javascript:showContent()"/>
            <div class="back-end box"><span>CREDITO</span></div>
        </label>
        <?php } ?>
        <label>
            <input type="radio" name="radio" id="Tarjeta" value="Tarjeta" onchange="javascript:showContent()"/>
            <div class="back-end box"><span>TARJETA</span></div>
        </label>
        <label>
            <input type="radio" name="radio" id="Combinado" value="Combinado" onchange="javascript:showContent()"/>
            <div class="back-end box"><span>COMBINADO</span></div>
        </label>        
    </div>
</div> 



<!-- /.EFECTIVO -->
<div id="ventana_efec">
    <form method="post" action="" name="form_efectivo_efec" id="form_efectivo_efec">
        <div id="efe" style="display: block; ">
            <input type="hidden" name="forma_pago" id="forma_pago" value="Contado">
            <input type="hidden" name="tipo_venta" value="pos electronico">
            <label>NUMERACION</label>
            <select name="serie_efe" id="serie_efe" class="form-control name_list" >
                <?php
                    $serie33=mysqli_query($con,"SELECT * FROM serie_factura WHERE empresa='$empresa' and ser_tipo='remision' and ser_estado='activo' ORDER BY (ser_predeterminda='si') DESC");
                    while( $serie3 = mysqli_fetch_array( $serie33) )
                    {
                        echo' <option value="'.$serie3['ser_id'].'">'.$serie3['ser_prefijo'].' '.$serie3['ser_inicio'].'-'.$serie3['ser_fin'].'</option>';
                    }
                ?>
            </select>

            <label>VENDEDOR</label>
            <section id="intro" >
                <select name="vendedor" id="vendedor" class="form-control name_list" >
                    <?php
                        $datos=mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id='$usu_id' and usu_estado='Activo' ") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                        $datos = mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id<>'$usu_id' and usu_estado='Activo' and sucursal='$sucursal' ") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                    ?>
                </select>
            </section>
            <input type="hidden" name="total_punto" id="total_punto" value="<?php echo $total_punto; ?>">
            <input type="hidden" name="comicion" id="comicion" class="form-control input-sm" value="">
            <label>EFECTIVO RECIBIDO</label>
            <input type="number" name="efectivo" id="efectivo" class="form-control input-sm" autocomplete="off" min="<?php echo round($sumador_total, 0, PHP_ROUND_HALF_EVEN); ?>" value="<?php echo round($sumador_total, 0, PHP_ROUND_HALF_EVEN); ?>" autofocus>
            <br>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button name="btn_efectivo1" id="btn_efectivo1" value="btn_efectivo1" type="submit" class="btn btn-success" accesskey="s" title="alt + s" ><i class="icon-ok"></i> <strong>Aceptar</strong></button> 
            </div>
        </div>
    </form>
</div>







<!-- /.TRANSFERENCIA -->
<div id="ventana_transferencia">   
    <form method="post" action="" name="form_transferencia" id="form_transferencia">
        <div id="tran" style="display: none;">
            <input type="hidden" name="forma_pago" id="forma_pago" value="Transferencia">
            <input type="hidden" name="tipo_venta" value="pos electronico">
            <label>NUMERACION1</label>
            <select name="serie_efe" id="serie_efe" class="form-control name_list" >
                 <?php
                    $serie33=mysqli_query($con,"SELECT * FROM serie_factura WHERE empresa='$empresa' and ser_tipo='remision' and ser_estado='activo' ORDER BY (ser_predeterminda='si') DESC");
                    while( $serie3 = mysqli_fetch_array( $serie33) )
                    {
                        echo' <option value="'.$serie3['ser_id'].'">'.$serie3['ser_prefijo'].' '.$serie3['ser_inicio'].'-'.$serie3['ser_fin'].'</option>';
                    }
                ?>
            </select>
                          
            <label>VENDEDOR</label>
            <section id="intro" >
                <select name="vendedor" id="vendedor" class="form-control name_list" >
                    <?php
                        $datos = mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id='$usu_id' and usu_estado='Activo'") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                        $datos = mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id<>'$usu_id' and usu_estado='Activo' and sucursal='$sucursal' ") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                    ?>
                </select>
            </section>
            <label>PLATAFORMA DE PAGO</label>
            <input type="hidden" name="total_punto" id="total_punto" value="<?php echo $total_punto; ?>">
             <input type="hidden" name="comicion" id="comicion" class="form-control input-sm" value="">
            <section id="intro" >
                <select name="plataforma" id="plataforma" class="form-control name_list input-sm" required>
                    <option value=""> - </option>
                    <?php
                        $datos = mysqli_query($con,"SELECT * FROM banco WHERE empresa='$empresa' order by ban_nombre asc") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['ban_nombre'].'">'.$fila['ban_nombre'].'</option>';
                        }
                    ?>
                </select>
            </section>
            <br>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button name="btn_transferencia" id="btn_transferencia" value="btn_transferencia" type="submit" class="btn btn-success"><i class="icon-ok"></i> <strong>Aceptar</strong></button> 
            </div>
        </div>
    </form>
</div>




<!-- /.TARJETA -->    
<div id="ventana_tarjeta">   
    <form method="post" action="" name="form_tarjeta" id="form_tarjeta">
        <div id="tar" style="display: none;">
            <input type="hidden" name="forma_pago" id="forma_pago" value="Tarjeta">
            <input type="hidden" name="tipo_venta" value="pos electronico">
            <select name="serie_efe" id="serie_efe" class="form-control name_list" >
                <?php
                    $serie33=mysqli_query($con,"SELECT * FROM serie_factura WHERE empresa='$empresa' and ser_tipo='remision' and ser_estado='activo' ORDER BY (ser_predeterminda='si') DESC");
                    while( $serie3 = mysqli_fetch_array( $serie33) )
                    {
                        echo' <option value="'.$serie3['ser_id'].'">'.$serie3['ser_prefijo'].' '.$serie3['ser_inicio'].'-'.$serie3['ser_fin'].'</option>';
                    }
                ?>
            </select>

            <label>VENDEDOR</label>
            <section id="intro" >
                <select name="vendedor" id="vendedor" class="form-control name_list" >
                    <?php
                        $datos = mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa'and usu_id='$usu_id' and usu_estado='Activo' ") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                        $datos = mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id<>'$usu_id' and usu_estado='Activo' and sucursal='$sucursal' ") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                    ?>
                </select>
            </section>
            <input type="hidden" name="total_punto" id="total_punto" value="<?php echo $total_punto; ?>">
            <input type="hidden" name="comicion" id="comicion" class="form-control input-sm" value="">

            <label>PLATAFORMA DE PAGO</label>
            <section id="intro" >
                <select name="tarjeta" id="tarjeta" class="form-control name_list input-sm" required>
                    <option value=""> - </option>
                    <?php
                        $datos = mysqli_query($con,"SELECT * FROM banco WHERE empresa='$empresa' order by ban_nombre asc") ;
                        while( $fila = mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['ban_nombre'].'">'.$fila['ban_nombre'].'</option>';
                        }
                    ?>
                </select>
            </section>
          
            <br>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button name="btn_tarjeta" id="btn_tarjeta" value="btn_tarjeta" type="submit" class="btn btn-success"><i class="icon-ok"></i> <strong>Aceptar</strong></button> 
            </div>
        </div>
    </form>
</div>



<!-- /.CREDITO -->
<div id="ventana_credito">
    <form method="post" action="" name="form_credito" id="form_credito">
        <div id="cre" style="display: none;">
            <input type="hidden" name="forma_pago" id="forma_pago" value="Credito">
            <input type="hidden" name="tipo_venta" value="pos electronico">
             <select name="serie_efe" id="serie_efe" class="form-control name_list" >
                 <?php
                    $serie33=mysqli_query($con,"SELECT * FROM serie_factura WHERE empresa='$empresa' and ser_tipo='remision' and ser_estado='activo' ORDER BY (ser_predeterminda='si') DESC");
                    while( $serie3 = mysqli_fetch_array( $serie33) )
                    {
                        echo' <option value="'.$serie3['ser_id'].'">'.$serie3['ser_prefijo'].' '.$serie3['ser_inicio'].'-'.$serie3['ser_fin'].'</option>';
                    }
                ?>
            </select>

            <label>VENDEDOR</label>
            <section id="intro" >
                <select name="vendedor" id="vendedor" class="form-control name_list" >
                    <?php
                        $datos=mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id='$usu_id' and usu_estado='Activo' ") ;
                        while($fila= mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                        $datos = mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id<>'$usu_id' and usu_estado='Activo' and sucursal='$sucursal' ") ;
                        while($fila=mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                      ?>
                </select>
            </section>
            <input type="hidden" name="total_punto" id="total_punto" value="<?php echo $total_punto; ?>">
            <input type="hidden" name="comicion" id="comicion" class="form-control input-sm" value="">
            <label>PLAZO DE PAGO</label>
                <input type="number" name="dias" class="form-control name_list input-sm" value="<?php echo $dias_credito; ?>">
            <label> ABONO (Opcional- Solo en Efectivo)</label>
            <input type="number" name="abono" id="abono" class="form-control input-sm" autocomplete="off" max="<?php echo $sumador_total; ?>" value="0" autofocus="autofocus" required>
            <input type="hidden" name="saldo_vencido" id="saldo_vencido" value="<?php echo $venci;?>" >
            <br>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button name="btn_credito" id="btn_credito" value="btn_credito" type="submit" class="btn btn-success"><i class="icon-ok"></i> <strong>Aceptar</strong></button> 
            </div>
        </div>
    </form>
 </div>



<!-- /.combinado -->
<div id="ventana_combi">
    <form method="post" action="" name="form_combinado" id="form_combinado">
        <div id="comb" style="display: none; ">
            <input type="hidden" name="forma_pago" id="forma_pago" value="Combinado">
            <input type="hidden" name="tipo_venta" value="pos electronico">
            <select name="serie_efe" id="serie_efe" class="form-control name_list" >
                <?php
                    $serie33=mysqli_query($con,"SELECT * FROM serie_factura WHERE empresa='$empresa' and ser_tipo='remision' and ser_estado='activo' ORDER BY (ser_predeterminda='si') DESC");
                    while( $serie3 = mysqli_fetch_array( $serie33) )
                    {
                        echo' <option value="'.$serie3['ser_id'].'">'.$serie3['ser_prefijo'].' '.$serie3['ser_inicio'].'-'.$serie3['ser_fin'].'</option>';
                    }
                ?>
            </select>



            <label>VENDEDOR</label>
            <section id="intro" >
                <select name="vendedor" id="vendedor" class="form-control name_list" >
                    <?php
                        $datos=mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id='$usu_id' and usu_estado='Activo' ") ;
                        while($fila= mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                        $datos = mysqli_query($con,"SELECT * FROM usuario WHERE empresa_emp_id='$empresa' and usu_id<>'$usu_id' and usu_estado='Activo' and sucursal='$sucursal' ") ;
                        while($fila=mysqli_fetch_array( $datos ) )
                        {
                            echo' <option value="'.$fila['usu_id'].'">'.$fila['usu_nombre'].'</option>';
                        }
                      ?>
                </select>
            </section>
            <input type="hidden" name="total_punto" id="total_punto" value="<?php echo $total_punto; ?>">
            <input type="hidden" name="comicion" id="comicion" class="form-control input-sm" value="">
            
              <p></p>
              <label class="col-md-12" style="text-align: center; color: darkgreen; font-size: 16px;">FORMAS DE PAGO</label>

           
            <p></p>

            <!-- Contenedor donde se agregarán los campos -->
            <!-- Esto puede ir en cualquier lugar del HTML, fuera del contenedor -->
            <input type="hidden" id="nota_credito_valor" value="<?php echo $clie_nota_credito; ?>">

            <div id="campos-container">
                <div class="campo-pago">
                    <div class="col-md-6" style="padding-right: 0px">
                        <label>Medio de pago</label>
                        <select name="medio_pago[]" class="form-control medio-pago-select input-sm" required>
                            <option value="" disabled selected>Seleccione...</option>
                            <option value="efectivo">Efectivo</option>
                            <?php if ($clie_nota_credito>0) { ?>
                            <option value="nota credito">Nota Credito</option>
                            <?php } ?>
                            <?php
                                $datos = mysqli_query($con,"SELECT * FROM banco WHERE empresa='$empresa' ORDER BY ban_nombre ASC");
                                while($fila = mysqli_fetch_array($datos)) {
                                    echo '<option value="'.$fila['ban_nombre'].'">'.$fila['ban_nombre'].'</option>';
                                }
                            ?>
                        </select>
                    </div>
                    <div class="col-md-5">
                        <label>Valor</label>
                        <input type="number" name="valores[]" class="form-control input-sm" required>
                        <small class="text-danger mensaje-error" style="display: none;">Valor excede el total disponible</small>
                    </div>
                    <div class="col-md-1">
                        <label>&nbsp;</label>
                         <a type="button" class="btn btn-xs btn-danger btn-block eliminar_pago"> <i class="btn-icon-only icon-remove"></i></a>
                    </div>
                </div>
            </div>

            <div>&nbsp;</div>

             <!-- Botón para agregar campos -->
            <div style="margin-top: 10px;">
                <div class="col-md-12">
                    <button type="button" class="btn btn-warning btn-sm" onclick="agregarCampos()">+ Agregar Medio de Pago</button>
                </div>
            </div>


            <div>&nbsp;</div>
          
            <?php if ($clie_nombre<>'CLIENTE MOSTRADOR' && $clie_nombre<>'CONSUMIDOR FINAL' ) 
            { ?>

                <input type="hidden" value="<?php echo $sumador_total;?>" name="total_factura" id="total_factura">

            
                <?php if($clie_cupo_credito>0) 
                { ?>
                    <label class="col-md-6" style="padding-left: 0px; color: red;">CREDITO POR PAGAR</label>
                    <label class="col-md-6" style="padding-right: 0px;">PLAZO DE PAGO (DIAS)</label>

                    <div class="col-md-6" style="padding-left: 0px" class="input-sm">
                        <span style="color: red; font-size: 25px; font-style: normal;">$ : </span>
                        <span id="saldo_restante" style="color: red; font-size: 25px; font-style: normal;"> </span>  
                    </div>

                    <input type="hidden" value="" name="credi_com" id="credi_com">

                    <div class="col-md-6">
                         <input type="number" class="form-control" value="30" name="dias_com" id="dias_com" placeholder="Dias" required>
                    </div>
                    &nbsp; 
        <?php   } 
                else { ?>

                        <div class="col-md-12" style="padding-left: 0px" class="input-sm">
                            <span style="color: red; font-size: 20px; font-style: normal;">SALDO POR PAGAR $ : </span>
                            <span id="saldo_restante" style="color: red; font-size: 20px; font-style: normal;"> </span>  
                        </div>

                        <input type="hidden" value="0" name="credi_com" id="credi_com">
                        
                        <input type="hidden" name="dias_com" id="dias_com" class="form-control input-sm" value="0">
                        

                        <?php 
                    } ?> 

    <?php   } 
            else { ?>

                <input type="hidden" value="<?php echo $sumador_total; ?>" name="total_factura" id="total_factura">

                <input value="0" type="hidden" name="dias_com" id="dias_com" autocomplete="off"autofocus="autofocus">

                <input type="hidden" value="" name="credi_com" id="credi_com">
                <div class="col-md-12">
                <!-- Mostrar saldo restante -->
                <span style="color: red; font-size: 20px; font-style: normal;">SALDO POR PAGAR $ : </span>
                <span id="saldo_restante" style="color: red; font-size: 20px; font-style: normal;"> </span>
                </div>
           <?php } ?>
            

                       
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                <button name="btn_combinado" id="btn_combinado" value="btn_combinado" type="submit" class="btn btn-success"><i class="icon-ok"></i> <strong>Aceptar</strong></button> 
            </div>
        </div>
    </form>
</div>


<input type="hidden" name="credito_sin_limite" id="credito_sin_limite" value="<?php echo $credito_sin_limite; ?>">
<input type="hidden" name="clie_disp_rem" id="clie_disp_rem" class="form-control input-sm" value="<?php echo $clie_disponible; ?>">
<?php } }  ?>



<script>

//COMBINADO

$("#btn_combinado").click(function(event) {
    event.preventDefault(); // Siempre prevenir envío del formulario


    // 🔍 Validar campos de medio de pago y valores
    var valid = true;

    $(".medio-pago-select").each(function(index) {
        if ($(this).val() === null || $(this).val() === "") {
            valid = false;
            $(this).addClass("is-invalid"); // Bootstrap 4/5: opcional, para mostrar visualmente error
        } else {
            $(this).removeClass("is-invalid");
        }
    });

    $("input[name='valores[]']").each(function(index) {
        if ($(this).val() === "" || parseFloat($(this).val()) <= 0) {
            valid = false;
            $(this).addClass("is-invalid");
        } else {
            $(this).removeClass("is-invalid");
        }
    });

    if (!valid) {
        alert("Por favor, complete todos los campos de medio de pago y valor correctamente.");
        return;
    }


    var credi_com = document.getElementById("credi_com").value;
    var clie_disponible = document.getElementById("clie_disp_rem").value;

    if (clie_disponible>0) {
    if (parseFloat(credi_com) > parseFloat(clie_disponible)) {
        alert('El cliente no tiene cupo de crédito suficiente, saldo disponible: ' + parseFloat(clie_disponible).toLocaleString());
        return;
    } } else if (credi_com>0) {
        alert('completa el saldo por pagar: '+ parseFloat(credi_com).toLocaleString());
        return;
    }

    // ✅ Si pasa la validación, continuar con el envío AJAX
    $('#btn_combinado').attr("disabled", true);
    $('#ventana2').hide(); 
    $('#ventana_combi').hide(); 

    var parametros = $("#form_guia, #form_combinado").serialize();

    $.ajax({
        type: "POST",
        url: "php_facturar/registrar_venta.php",
        data: parametros,
        beforeSend: function(objeto) {
            $('#resultado').html('<center><img src="./img/ajax-loader.gif"> CARGANDO...</center>');
        },
        success: function(datos) {
            $("#resultado").html(datos);
            $('#btn_combinado').attr("disabled", false);
            loadTabla();
            loadcliente();
            loadtotal();
            limpiar_campos();
            limpiar_buscador();
            load(1);
        }
    });
});



function agregarCampos() {
    const contenedor = document.getElementById('campos-container');
    const campos = document.querySelector('.campo-pago');
    const clon = campos.cloneNode(true); // clona todo el grupo

    // Limpiar valores del clon
    clon.querySelectorAll('input').forEach(input => input.value = '');
    clon.querySelectorAll('select').forEach(select => select.value = '');
    clon.querySelectorAll('.mensaje-error').forEach(el => el.style.display = 'none');

    contenedor.appendChild(clon);
   // actualizarOpciones();
    actualizarSaldo();
    actualizarOpcionesDisponibles();
}

// eliminar grupo de campos
$(document).on('click', '.eliminar_pago', function () {
    if ($('.campo-pago').length > 1) {
        $(this).closest('.campo-pago').remove();
    }
   // actualizarOpciones();
    actualizarSaldo();
    actualizarOpcionesDisponibles();
});


function actualizarOpcionesDisponibles() {
    let seleccionados = [];

    // Recoger valores seleccionados
    $('.medio-pago-select').each(function() {
        let val = $(this).val();
        if (val) {
            seleccionados.push(val);
        }
    });

    // Para cada select, ocultar opciones seleccionadas en otros
    $('.medio-pago-select').each(function() {
        let actual = $(this).val();
        $(this).find('option').each(function() {
            let val = $(this).val();

            if (seleccionados.includes(val)) {
                // Ocultar opciones ya usadas en otros selects
                $(this).hide();
            } else {
                $(this).show();
            }
        });
    });
}


$('#campos-container').on('change', '.medio-pago-select', function() {
    actualizarOpcionesDisponibles();

    // Si seleccionan "nota credito", poner el valor automáticamente
    const valorNotaCredito = parseFloat(document.getElementById('nota_credito_valor').value) || 0;
    
  let campoPago = $(this).closest('.campo-pago');
let inputValor = campoPago.find('input[name="valores[]"]');

if ($(this).val() === 'nota credito') {
    inputValor.val(valorNotaCredito); // asigna el valor automáticamente
} else {
    inputValor.val(''); // limpia si se cambia a otro medio
}
actualizarSaldo(); // en ambos casos

});




function actualizarSaldo() {
    const totalFactura = parseFloat(document.getElementById('total_factura').value) || 0;
    let inputs = document.querySelectorAll('input[name="valores[]"]');
    let sumaValores = 0;
    let saldoRestante = totalFactura;

    inputs.forEach((input, index) => {
        let valor = parseFloat(input.value);
        if (!isNaN(valor)) {
            sumaValores += valor;
        }
    });

    saldoRestante = totalFactura - sumaValores;

    // Evitar que el saldo sea negativo
    if (saldoRestante < 0) {
        let ultimoInput = [...inputs].find(input => document.activeElement === input);
        if (ultimoInput) {
            let sumaSinEste = 0;
            inputs.forEach(input => {
                if (input !== ultimoInput && !isNaN(parseFloat(input.value))) {
                    sumaSinEste += parseFloat(input.value);
                }
            });

            let maxPermitido = totalFactura - sumaSinEste;
            ultimoInput.value = maxPermitido.toFixed(0);
            saldoRestante = 0;

            // Mostrar mensaje visual
            const errorMsg = ultimoInput.parentNode.querySelector('.mensaje-error');
            if (errorMsg) {
                errorMsg.style.display = 'block';
                setTimeout(() => {
                    errorMsg.style.display = 'none';
                }, 3000);
            }
        }
    }

    // Mostrar saldo actualizado en el span saldo total
    document.getElementById('saldo_restante').textContent = saldoRestante.toLocaleString('es-CO');
    // También actualiza el valor del input oculto (sin formato)
    document.getElementById('credi_com').value = saldoRestante;    
}



// Detectar cambios
document.addEventListener('input', function(e) {
    if (e.target.name === 'valores[]') {
        actualizarSaldo();
    }
});
</script>




<script src="php_facturar/ajax_registar.js"></script>
<style type="text/css">
.input_radio {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ label {
    color: hsla(150, 5%, 75%, 1);
    border-color: hsla(150, 5%, 75%, 1);
    box-shadow: none;
    cursor: not-allowed;
  }
}
.label_radio {
  height: 100%;
  display: block;
  background: white;
  border: 2px solid hsla(150, 75%, 50%, 1);
  border-radius: 5px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
}
.input_radio:checked + label {
  background: hsla(150, 75%, 50%, 1);
  color: hsla(215, 0%, 100%, 1);
  box-shadow: 0px 0px 20px hsla(150, 100%, 50%, 0.75);
  &::after {
    color: hsla(215, 5%, 25%, 1);
    font-family: FontAwesome;
    border: 2px solid hsla(150, 75%, 45%, 1);
    content: "\f00c";
    font-size: 15px;
    position: absolute;
    top: -15px;
    left: 91%;
    transform: translateX(-50%);
    height: 35px;
    width: 35px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
  }
}
@media only screen and (max-width: 700px) {
  section {
    flex-direction: column;
  }
}
</style>

<script type="text/javascript">

function serie_fac() 
{
    //efectivo
    bot_pos1 = document.getElementById("bot_pos1");
    bot_electronica1 = document.getElementById("bot_electronica1");    

    div_pos1 = document.getElementById("div_pos1");
    div_electronica1 = document.getElementById("div_electronica1");
    
    if (bot_pos1.checked) 
    {
        div_pos1.style.display='block';
        div_electronica1.style.display='none';
    }
    if (bot_electronica1.checked) 
    {
        div_pos1.style.display='none';
        div_electronica1.style.display='block';
    }  
  


    //transferencia
    bot_pos2 = document.getElementById("bot_pos2");
    bot_electronica2 = document.getElementById("bot_electronica2");    

    div_pos2 = document.getElementById("div_pos2");
    div_electronica2 = document.getElementById("div_electronica2");
    
    if (bot_pos2.checked) 
    {
        div_pos2.style.display='block';
        div_electronica2.style.display='none';
    }
    if (bot_electronica2.checked) 
    {
        div_pos2.style.display='none';
        div_electronica2.style.display='block';
    }  
 


    //tarjeta
    bot_pos3 = document.getElementById("bot_pos3");
    bot_electronica3 = document.getElementById("bot_electronica3");    

    div_pos3 = document.getElementById("div_pos3");
    div_electronica3 = document.getElementById("div_electronica3");
    
    if (bot_pos3.checked) 
    {
        div_pos3.style.display='block';
        div_electronica3.style.display='none';
    }
    if (bot_electronica3.checked) 
    {
        div_pos3.style.display='none';
        div_electronica3.style.display='block';
    }  


     //credito
    bot_pos4 = document.getElementById("bot_pos4");
    bot_electronica4 = document.getElementById("bot_electronica4");    

    div_pos4 = document.getElementById("div_pos4");
    div_electronica4 = document.getElementById("div_electronica4");
    
    if (bot_pos4.checked) 
    {
        div_pos4.style.display='block';
        div_electronica4.style.display='none';
    }
    if (bot_electronica4.checked) 
    {
        div_pos4.style.display='none';
        div_electronica4.style.display='block';
    }  




    //cruce
    bot_pos5 = document.getElementById("bot_pos5");
    bot_electronica5 = document.getElementById("bot_electronica5");    

    div_pos5 = document.getElementById("div_pos5");
    div_electronica5 = document.getElementById("div_electronica5");
    
    if (bot_pos5.checked) 
    {
        div_pos5.style.display='block';
        div_electronica5.style.display='none';
    }
    if (bot_electronica5.checked) 
    {
        div_pos5.style.display='none';
        div_electronica5.style.display='block';
    }  


    //combinadobot_pos5 = document.getElementById("bot_pos5");
    bot_pos6 = document.getElementById("bot_pos6");
    bot_electronica6 = document.getElementById("bot_electronica6");    

    div_pos6 = document.getElementById("div_pos6");
    div_electronica6 = document.getElementById("div_electronica6");
    
    if (bot_pos6.checked) 
    {
        div_pos6.style.display='block';
        div_electronica6.style.display='none';
    }
    if (bot_electronica6.checked) 
    {
        div_pos6.style.display='none';
        div_electronica6.style.display='block';
    }   


    
}

function showContent() 
{
    efe = document.getElementById("efe");
    tar = document.getElementById("tar");
    cre = document.getElementById("cre");
    cru = document.getElementById("cru");
    tran = document.getElementById("tran");
    com = document.getElementById("comb");
    Efectivo = document.getElementById("Efectivo");     
    Tarjeta = document.getElementById("Tarjeta");
    Credito = document.getElementById("Credito");
    Transferencia = document.getElementById("Transferencia");
    Combinado = document.getElementById("Combinado");

    if (Efectivo.checked) 
    {
        efe.style.display='block';
        tar.style.display='none';
        cre.style.display='none';
        tran.style.display='none';
        com.style.display='none';
    }
    else  if (Transferencia.checked)
    {
        efe.style.display='none';
        tar.style.display='none';
        cre.style.display='none';
        tran.style.display='block';
        com.style.display='none';
    }
    else if (Tarjeta.checked) 
    {
        efe.style.display='none';
        tar.style.display='block';
        cre.style.display='none';
        tran.style.display='none';
        com.style.display='none';
    }
    else  if (Combinado.checked)
    {
        efe.style.display='none';
        tar.style.display='none';
        cre.style.display='none';
        tran.style.display='none';
        com.style.display='block';
    }
    else  if (Credito.checked)
    {
        efe.style.display='none';
        tar.style.display='none';
        cre.style.display='block';
        tran.style.display='none'; 
        com.style.display='none';
    }
    else  if (Cruce.checked)
    {
        efe.style.display='none';
        tar.style.display='none';
        cre.style.display='none';
        tran.style.display='none';
        com.style.display='none';
    }
}


</script>
