    <!-- Bootstrap CSS v5.2.1 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">



    <!-- jquery -->

    <script src="https://code.jquery.com/jquery-3.7.0.js"></script>

    <!-- Bootstrap JavaScript Libraries -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">
    </script>
    <!-- Bootstrap JavaScript Libraries -->




    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">

    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>







    <link rel="stylesheet" href="https://formvalidation.io/vendors/@form-validation/umd/styles/index.min.css">

    <script src="https://formvalidation.io/vendors/@form-validation/umd/bundle/popular.min.js"></script>

    <script src="https://formvalidation.io/vendors/@form-validation/umd/plugin-bootstrap5/index.min.js"></script>

    <style>
.fv-plugins-bootstrap .form-group.row.selectContainer .fv-plugins-icon {
    right: -20px;
}

.fv-plugins-message-container {
    display: none;
}

.form-group label {
    font-size: 14px;
    margin-bottom: 2px;
}

.form-control {
    font-size: 14px;
    padding: 5px 10px;
    height: 30px;
}

.form-SELECT {
    font-size: 14px;
    padding: 5px 10px;
    height: 30px;
}

.btn-primary {
    font-size: 12px;
    padding: 4px 8px;
}

.btn-secondary {
    font-size: 12px;
    padding: 4px 8px;
}

.btn-warning {
    font-size: 12px;
    padding: 4px 8px;
}

.btn-danger {
    font-size: 12px;
    padding: 4px 8px;
}

.table td,
.table th {
    font-size: 10px;
}
    </style>
    <script>
//dateFormat: 'yy-mm-dd' 
$(function() {
    $("#aportantefn").datepicker({
        dateFormat: 'yy-mm-dd'
    });

    $("#fNacimientoa").datepicker({
        dateFormat: 'yy-mm-dd'
    });

    $("#tarfvtoken").datepicker({
        dateFormat: 'yy-mm-dd'
    });


});
    </script>
    <div class="container-fluid">
        <h2>Formulario Datos del cliente</h2>
        <input type="hidden" value="<?php echo e(csrf_token()); ?>" name="_token" id="_token">

        <form method="" id="loginForm">
            <!-- Datos del Aportante -->
            <h2></h2>
            <div class=" row">
                <div class="form-group col-md-3">
                    <label for="apellidoPaterno">Apellido Paterno:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vali solo-letras vacio"
                        id="aportanteape1" name="aportanteape1">
                </div>
                <div class="form-group col-md-3">
                    <label for="apellidoMaterno">Apellido Materno:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vali solo-letras vacio"
                        id="aportanteape2" name="aportanteape2">
                </div>
                <div class="form-group col-md-3">
                    <label for="nombre1">Nombre 1:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vali vacio" id="aportantenom1"
                        name="nombre1">
                </div>
                <div class="form-group col-md-3">
                    <label for="nombre2">Nombre 2:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vali" id="aportantenom2"
                        name="nombre2">
                </div>
            </div>
            <div class="row">
         
                <div class="form-group col-md-3">
                    <label for="numDoc">Número de Documento:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control solo-numeros" id="aportantendoc"
                        name="numDoc">
                </div>
            

                <div class="form-group col-md-3">
                    <label for="fNacimiento">Fecha de Nacimiento:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vacio" id="aportantefn"
                        name="fNacimiento">
                </div>
                <div class="form-group col-md-3">
                    <label for="provincia">Datos Bancarios:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vacio" id="aportantemail"
                        name="provincia">
                </div>
                <div class="form-group col-md-3">
                    <label for="provincia">codigo Postal:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vacio" id="aportantemail"
                        name="provincia">
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-2">
                    <label for="departamento">Poblacion:</label>

                    

                    </select>
                    <input onkeyup="mayus(this);" type="text" class="form-control vacio" id="aportantedep"
                        name="aportantedep">
                </div>
                <div class="form-group col-md-2">
                    <label for="provincia">Provincia:</label>
                   


                    </select>
                    <input onkeyup="mayus(this);" type="text" class="form-control vacio" id="aportanteprov"
                        name="aportanteprov">
                </div>
          
                <div class="form-group col-md-6">
                    <label for="direccion">Dirección:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vacio" id="aportantedire"
                        name="direccion">
                </div>
            </div>

            <div class="row">
                <div class="form-group col-md-2">
                    <label for="departamento">Telefono de Contacto:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control solo-numeros vacio" id="aportantecel"
                        name="departamento">
                </div>
                <div class="form-group col-md-3">
                    <label for="provincia">CORREO:</label>
                    <input onkeyup="mayus(this);" type="text" class="form-control vacio" id="aportantemail"
                        name="provincia">
                </div>
                <div class="form-group col-md-3">
                    <label for="distrito">@</label>

                    <select id="dominiocore" class="form-select vacio">
                        <option value=""></option>
                        <option value="01">@GMAIL.COM</option>
                        <option value="02">@HOTMAIL.COM</option>
                        <option value="03">@OUTLOOK.COM</option>
                        <option value="03">@YAHOO.COM</option>
                        <option value="03">@OTRO.COM</option>
                    </select>
                </div>


         
             
            </div>


            <div class="row mt-3">
                <div class="col-md-12">
                    <div class="card" style="border: 3px solid #30946b9e;">

                        <div class="card-header" style="background-color: #30946b9e">

                            Afiliados <button type="button" class="btn btn-primary" id="abrirmodalafi">
                                Agregar
                            </button>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table id="tabl" class="table table-bordered table-sm">
                                    <thead>
                                        <tr>
                                            <th>Categoría</th>
                                            <th>Apellido Paterno</th>
                                            <th>Apellido Materno</th>
                                            <th>Nombre 1</th>
                                            <th>Nombre 2</th>
                                            <th>coddoc</th>
                                            <th>Doc</th>
                                            <th>Número de Documento</th>
                                            <th>Sexo</th>
                                            <th>Fecha de Nacimiento</th>

                                            <th>Edad</th>
                                            <th>CodFuma</th>

                                            <th>Fuma</th>

                                            <th>Monto</th>
                                            <th>Editar</th>
                                            <th>Eliminar</th>

                                        </tr>
                                    </thead>
                                    <thbody>
                                    </thbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>

            </div>S


        </form>


        <div class="row mt-3">
            <div class="col-md-12">
                <div class="card disabled" style="border: 3px solid #084298a1;">
                    <div class="card-header" style="background-color: #084298a1">
                        Datos de la Tarjeta
                    </div>
                    <div class="card-body">
                        <form id="formtarjeta">
                            <div class="row">
                                <div class="form-group col-md-3">
                                    <label for="departamento">TARJETA:</label>
                                    <select id="tarjeta_t" DISABLED class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="01">DEBITO</option>
                                        <option value="02">CREDITO</option>

                                    </select>

                                </div>

                                <div class="form-group col-md-3">
                                    <label for="banco">ENT. EMISORA:</label>
                                    <select id="tarjeta_banco" class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="01">Banco de Credito</option>
                                        <option value="02">Banco Continental</option>
                                        <option value="03">Banco Interbank</option>
                                        <option value="04">Banco Scontiobank</option>
                                        <option value="05">Diners</option>
                                        <option value="06">Otros</option>
                                    </select>









                                </div>
                                <div class="form-group col-md-3">
                                    <label for="EPRO">ENT. PROCESADORA:</label>

                                    <select id="tarjeta_proc" class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="02">Visa</option>
                                        <option value="01">Amex</option>
                                        <option value="04">Diners</option>
                                        <option value="03">Mastercard</option>
                                    </select>






                                </div>
                                <div class="form-group col-md-3">
                                    <label for="EPRO">TIPO PRODUCTO:</label>
                                    <select disabled id="tarjeta_tipopro" class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="02">Tarjeta Visa</option>
                                        <option value="03">Tarjeta Mastercard</option>
                                        <option value="01">Tarjeta Amex</option>
                                        <option value="04">Tarjeta Diners</option>
                                    </select>
                                </div>
                            </div>


                            <div class="row">

                                <div class="form-group col-md-3">
                                    <label for="provincia">Nro TARJETA::</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control vaciota"
                                        id="tarjeta_numero" name="provincia">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="departamento">AÑO VENC.</label>
                                    <select id="tarjeta_año" class="form-select vaciota">
                                        <option value="">seleccione</option>
                                        <option value="2023">2023</option>
                                        <option value="2024">2024</option>
                                        <option value="2025">2025</option>
                                        <option value="2026">2026</option>
                                        <option value="2027">2027</option>
                                        <option value="2028">2028</option>
                                    </select>

                                </div>
                                <div class="form-group col-md-3">
                                    <label for="atar">MES VENC.</label>

                                    <select id="tarjeta_mes" class="form-select vaciota">
                                        <option value="">seleccione</option>
                                        <option value="01">01</option>
                                        <option value="02">02</option>
                                        <option value="03">03</option>
                                        <option value="04">04</option>
                                        <option value="05">05</option>
                                        <option value="06">06</option>
                                        <option value="07">07</option>
                                        <option value="08">08</option>
                                        <option value="09">09</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="12">12</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-3 ">
                                    <label for="direccion">NRO. PEDIDO:</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control solo-numeros vaciota "
                                        id="tarpedido" name="direccion">
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-md-3">
                                    <label for="departamento">COD. AUTORIZACION:</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control solo-numeros vaciota"
                                        id="tarautori" name="departamento">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="provincia">TOKEN:</label>
                                    <input type="text" class="form-control vaciota" id="tartoken" name="provincia">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="distrito">FECHA DE VENCIMIENTO DE TOKEN:</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control vaciota"
                                        id="tarfvtoken" name="distrito">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="direccion">GRUPO FAMILIAR:</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control vaciota" id="targrupo"
                                        name="direccion">
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-md-3">
                                    <label for="LDPD">LDPD (LEY DE PROTECCION)</label>
                                    <select id="LDPD" class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="01">NO</option>
                                        <option value="02">SI</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="cllamada">¿DESEA CONTINUAR CON LA LLAMADA?</label>

                                    <select id="cllamada" class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="01">SI</option>
                                        <option value="02">NO</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="djs">¿RESPONDE DECLARACION JURADA?</label>

                                    <select id="djs" class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="02">SI</option>
                                        <option value="01">NO</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="tventa">¿TIPO DE VENTA?</label>
                                    <select disabled id="gfami" class="form-select vaciota">
                                        <option value=""></option>
                                        <option value="01">PRESENCIAL</option>
                                        <option selected value="02">REMOTO</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>

        </div>



        <div class="d-grid gap-2 mt-3">
            <button class="btn btn-SUCCESS" id="insertardatos" type="button">GUARDAR</button>

        </div>



        <!-- Modal -->
        <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="staticBackdropLabel">Afiliado</h1>
                        <button type="button" id="-" class="btn-close" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form id="formagregar">
                            <div class="row">

                                <div class="form-group col-md-4">
                                    <label for="apellidoPaterno">CATEGORIA:</label>
                                    <select id="categoria" class="form-control vacioafi">
                                        <option value=""></option>
                                    <option value="">FIBRA CONVERGENTE 300 MB</option>
                                    <option value="">FIBRA CONVERGENTE 500 MB</option>
                                    <option value="">FIBRA CONVERGENTE 1 GB</option>
                                    <option value="">MOVIL CONVERGENTE 20 GB</option>
                                    <option value="">MOVIL CONVERGENTE 60 MB</option>
                                    <option value="">MOVIL CONVERGENTE 110 GB</option>
                                    <option value="">LINEA ADICIONAL 10 GB</option>
                                    <option value="">LINEA ADICIONAL 35 GB</option>
                                    <option value="">LINEA ADICINAL  60 GB</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-3">Fijo/Movil a Portar
                                    <label for="apellidoPaterno">:</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control vacioafi"
                                        id="apellidoPaterno1" name="apellidoPaterno">
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="apellidoMaterno">Nueva/Porta
                                    <input onkeyup="mayus(this);" type="text" class="form-control vacioafi"
                                        id="apellidoMaterno1" name="apellidoMaterno">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="nombre1">Operador Donante:</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control vacioafi"
                                        id="nombre1a" name="nombre1">
                                </div>
                              
                            </div>
                            <div class="row">
                                <div class="form-group col-md-2">
                                    <label for="tipoDoc">Tipo de Documento:</label>

                                    <select id="tipoDoca" class="form-select vacioafi">
                                        <option value=""></option>
                                        <option value="PE1D">DNI</option>
                                        <option value="PECE">CARNET EXTANJERIA</option>
                                        <option value="PEPA">PASAPORTE</option>

                                    </select>
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="numDoc">Número de Documento:</label>
                                    <input onkeyup="mayus(this);" type="text" class="form-control solo-numeros vacioafi"
                                        id="numDoca" name="numDoc">
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="sexo">Sexo:</label>

                                    <select id="sexoa" class="form-select vacioafi">
                                        <option value=""></option>
                                        <option value="M">MASCULINO</option>
                                        <option value="F">FEMENINO</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-2">
                                    <label for="fNacimiento">Fecha de Nacimiento:</label>
                                    <input onkeyup="mayus(this);" disabled type="text" class="form-control vacioafi"
                                        id="fNacimientoa" name="fNacimiento">
                                </div>

                                <div class="form-group col-md-2">
                                    <label for="fNacimiento">Edad:</label>
                                    <input onkeyup="mayus(this);" type="text" disabled class="form-control vacioafi"
                                        id="edada" name="">
                                </div>


                            </div>
                            <div class="row">
                                <div class="form-group col-md-2">
                                    <label for="tipoDoc">Fuma:</label>

                                    <select id="fumaa" class="form-select vacioafi">
                                        <option value=""></option>
                                        <option value="02">SI</option>
                                        <option value="01">NO</option>
                                    </select>
                                </div>

                                <div class="form-group col-md-3">
                                    <label for="sexo">Tarjeta Pago:</label>
                                    <select id="tarjetaa" DISABLED class="form-select">
                                        <option value=""></option>
                                        <option value="01">DEBITO</option>
                                        <option value="02">CREDITO</option>

                                    </select>
                                </div>

                                <div class="form-group col-md-3">
                                    <label for="numDoc">PROGRAMA:</label>
                                    <select id="programaa" disabled class="form-select">


                                    </select>
                                </div>

                                <div class="form-group col-md-3">
                                    <label for="fNacimiento">Monto:</label>
                                    <input onkeyup="mayus(this);" type="text" disabled class="form-control" id="montoa"
                                        name="fNacimiento">
                                </div>




                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" id="cerrarafi">Close</button>
                        <button type="button" onclick="agregarFila()" id="crearAccion"
                            class="btn btn-primary">Agregar</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="modaleditar" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="staticBackdropLabel">Afiliado</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">

                            <div class="form-group col-md-2">
                                <label for="apellidoPaterno">CATEGORIA:</label>
                                <select id="categoriaafiedit" class="form-select">
                                    <option value=""></option>
                                    <option value="01">FIBRA CONVERGENTE 300 MB</option>
                                    <option value="17">FIBRA CONVERGENTE 500 MB</option>
                                    <option value="17">CFIBRA CONVERGENTE 1 GB</option>
                                    <option value="01">MOVIL CONVERGENTE 20 GB</option>
                                    <option value="17">MOVIL CONVERGENTE 60 MB</option>
                                    <option value="17">MOVIL CONVERGENTE 110 GB</option>
                                    <option value="01">LINEA ADICIONAL 10 GB</option>
                                    <option value="17">LINEA ADICIONAL 35 GB</option>
                                    <option value="17">LINEA ADICINAL  60 GB</option>

                                </select>
                            </div>
                            <div class="form-group col-md-2">
                                <label for="apellidoPaterno">Apellido Paterno:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control"
                                    id="apellidoPaternoafiedit" name="apellidoPaterno">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="apellidoMaterno">Apellido Materno:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control"
                                    id="apellidoMaternoafiedit" name="apellidoMaterno">
                            </div>
                            <div class="form-group col-md-3">
                                <label for="nombre1">Nombre 1:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control" id="nombre1aafiedit"
                                    name="nombre1">
                            </div>
                            <div class="form-group col-md-3">
                                <label for="nombre2">Nombre 2:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control" id="nombre2aafiedit"
                                    name="nombre2">
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group col-md-3">
                                <label for="tipoDoc">Tipo de Documento:</label>

                                <select id="tipoDocaafiedit" class="form-select">
                                    <option value=""></option>
                                    <option value="PE1D">DNI</option>
                                    <option value="PECE">CARNET EXTANJERIA</option>
                                    <option value="PEPA">PASAPORTE</option>

                                </select>
                            </div>
                            <div class="form-group col-md-2">
                                <label for="numDoc">Número de Documento:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control" id="numDocaafiedit"
                                    name="numDoc">
                            </div>
                            <div class="form-group col-md-2">
                                <label for="sexo">Sexo:</label>

                                <select id="sexoaafiedit" class="form-select">
                                    <option value=""></option>
                                    <option value="M">MASCULINO</option>
                                    <option value="F">FEMENINO</option>
                                </select>
                            </div>
                            <div class="form-group col-md-2">
                                <label for="fNacimiento">Fecha de Nacimiento:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control" id="fNacimientoaafiedit"
                                    name="fNacimiento">
                            </div>

                            <div class="form-group col-md-2">
                                <label for="nombre2">Edad:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control" id="edadedit" name="">
                            </div>

                        </div>
                        <div class="row">
                            <div class="form-group col-md-2">
                                <label for="tipoDocedit">Fuma:</label>

                                <select id="fumaaedit" class="form-select ">
                                    <option value=""></option>
                                    <option value="02">SI</option>
                                    <option value="01">NO</option>
                                </select>
                            </div>

                            <div class="form-group col-md-3">
                                <label for="sexo">Tarjeta Pago:</label>
                                <select id="tarjetaaedit" DISABLED class="form-select">
                                    <option value=""></option>
                                    <option value="01">DEBITO</option>
                                    <option value="02">CREDITO</option>

                                </select>
                            </div>

                            <div class="form-group col-md-3">
                                <label for="numDoc">PROGRAMA:</label>
                                <select id="programaaedit" disabled class="form-select">


                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label for="fNacimiento">Monto:</label>
                                <input onkeyup="mayus(this);" type="text" class="form-control" id="montoaafiedit"
                                    name="fNacimiento">
                            </div>




                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" onclick="actualizarFila()" id="crearAccion1"
                            class="btn btn-primary">Understood</button>
                    </div>
                </div>
            </div>
        </div>


    </div>

    <script>
function mayus(e) {

    e.value = e.value.toUpperCase();
}
    </script>
    <script>
/* $('#aportantetar').change(function() {
    if ($(this).val() === '2') {
        // Do something for option "b"
        $("#aportanteape1").val(),
        tarjetaa
    }
}); */
$(document).ready(function() {

    $('#aportantetar').change(function() {
        // Obtener el valor seleccionado en el select original
        var selectedValue = $(this).val();

        // Seleccionar la misma opción en el select réplica
        $('#tarjeta_t').val(selectedValue);
        $('#tarjetaa').val(selectedValue);

    });


    $('#fNacimientoa').change(function() {
        fecha = $("#fNacimientoa").val();
        var hoy = new Date();
        var cumpleanos = new Date(fecha);
        var edad = hoy.getFullYear() - cumpleanos.getFullYear();
        var m = hoy.getMonth() - cumpleanos.getMonth();

        if (m < 0 || (m === 0 && hoy.getDate() < cumpleanos.getDate())) {
            edad--;
        }

        $("#edada").val(edad);
        $("#fumaa").val("");
        $("#montoa").val("");
    });



    $('#aportantetar').on('input', function() {
        var fecha = $(this).val();
        var hoy = new Date();
        var cumpleanos = new Date(fecha);
        var edad = hoy.getFullYear() - cumpleanos.getFullYear();
        var m = hoy.getMonth() - cumpleanos.getMonth();

        if (m < 0 || (m === 0 && hoy.getDate() < cumpleanos.getDate())) {
            edad--;
        }

        $('#edada').val(edad);
    });


});
    </script>


    <script>
// Declara la variable currentRow fuera de las funciones
var currentRow;

function agregarFila() {


    $(".vacioafi").each(function() {
        if ($(this).val() === "") {
            camposVacios = true;
            return false;
        }
    });

    if (camposVacios) {
        fv2.validate();
    } else {
        var tabla = document.getElementById("tabl");
        var fila = tabla.insertRow(); // Insertar una nueva fila

        // Agregar celdas a la fila

        var val1 = fila.insertCell();
        var val2 = fila.insertCell();
        var val3 = fila.insertCell();
        var val4 = fila.insertCell();
        var val5 = fila.insertCell();
        var val6 = fila.insertCell();
        var val7 = fila.insertCell();
        var val8 = fila.insertCell();
        var val9 = fila.insertCell();
        var val10 = fila.insertCell();
        var val11 = fila.insertCell();
        var val12 = fila.insertCell();
        var val13 = fila.insertCell();

        var val18 = fila.insertCell();
        var val19 = fila.insertCell();
        var val20 = fila.insertCell();
        // Obtener los valores ingresados en los campos del formulario
        var col1 = document.getElementById("categoria").value;

        var col2 = document.getElementById("apellidoPaterno1").value;
        var col3 = document.getElementById("apellidoMaterno1").value;
        var col4 = document.getElementById("nombre1a").value;
        var col5 = document.getElementById("nombre2a").value;
        //var col6 = document.getElementById("tipoDoca").value;

        var selectElement = document.getElementById("tipoDoca");
        var col6 = selectElement.options[selectElement.selectedIndex].value;
        var col7 = selectElement.options[selectElement.selectedIndex].text;

        var col8 = document.getElementById("numDoca").value;
        var col9 = document.getElementById("sexoa").value;

        var col10 = document.getElementById("fNacimientoa").value;
        var col11 = document.getElementById("edada").value;

        var fumaa = document.getElementById("fumaa");
        var col12 = fumaa.options[fumaa.selectedIndex].value;
        var col13 = fumaa.options[fumaa.selectedIndex].text;





        var col18 = document.getElementById("montoa").value;


        // Establecer el contenido de las celdas

        val1.innerHTML = col1;
        val2.innerHTML = col2;
        val3.innerHTML = col3;
        val4.innerHTML = col4;
        val5.innerHTML = col5;
        val6.innerHTML = col6;
        val7.innerHTML = col7;
        val8.innerHTML = col8;
        val9.innerHTML = col9;
        val10.innerHTML = col10;
        val11.innerHTML = col11;
        val12.innerHTML = col12;
        val13.innerHTML = col13;

        val18.innerHTML = col18;

        // Crear el botón "Eliminar" y agregarlo a la celda correspondiente



        var element3 = document.createElement("input");
        element3.type = "button";
        element3.id = "edit";
        element3.value = "editar";
        element3.className = "btn btn-warning";
        element3.addEventListener("click", function() {
            // Eliminar la fila al hacer clic en el botón "Eliminar"
            //   alert();




            abrirModalEditar(fila);



        });

        val19.appendChild(element3);














        // Crear el botón "Eliminar" y agregarlo a la celda correspondiente












        var btnEliminar = document.createElement("input");
        btnEliminar.type = "button";
        btnEliminar.id = "edit";
        btnEliminar.value = "remover";
        btnEliminar.className = "btn btn-danger";


        btnEliminar.addEventListener("click", function() {
            // Eliminar la fila al hacer clic en el botón "Eliminar"
            tabla.deleteRow(fila.rowIndex);
        });

        val20.appendChild(btnEliminar);


        // Limpiar los campos del formulario

        document.getElementById("categoria").value = "";;

        document.getElementById("apellidoPaterno1").value = "";
        document.getElementById("apellidoMaterno1").value = "";;
        document.getElementById("nombre1a").value = "";;
        document.getElementById("nombre2a").value = "";;
        document.getElementById("tipoDoca").value = "";;
        document.getElementById("numDoca").value = "";;
        document.getElementById("sexoa").value = "";;

        document.getElementById("fNacimientoa").value = "";;
        document.getElementById("fumaa").value = "";;
        // document.getElementById("programaa").value = "";;
        //document.getElementById("tarjetaa").value = "";;
        document.getElementById("montoa").value = "";;



        var camposVacios = false;
        $("#staticBackdrop").modal("hide");
    }

    // Cerrar el modal


}





function abrirModalEditar(fila) {
    currentRow = fila.rowIndex;

    // Obtener los datos de la fila correspondiente
    var col1 = fila.cells[0].innerHTML;
    var col2 = fila.cells[1].innerHTML;
    var col3 = fila.cells[2].innerHTML;
    var col4 = fila.cells[3].innerHTML;
    var col5 = fila.cells[4].innerHTML;
    var col6 = fila.cells[5].innerHTML;
    var col7 = fila.cells[6].innerHTML;
    var col8 = fila.cells[7].innerHTML;
    var col9 = fila.cells[8].innerHTML;
    var col10 = fila.cells[9].innerHTML;
    var col11 = fila.cells[10].innerHTML;
    var col12 = fila.cells[11].innerHTML;
    var col13 = fila.cells[12].innerHTML;
    var col14 = fila.cells[13].innerHTML;
    // Mostrar el modal y cargar los datos en los campos del formulario
    var modal = $("#modaleditar");

    modal.find("#categoriaafiedit").val(col1);
    modal.find("#apellidoPaternoafiedit").val(col2);
    modal.find("#apellidoMaternoafiedit").val(col3);
    modal.find("#nombre1aafiedit").val(col4);
    modal.find("#nombre2aafiedit").val(col5);
    modal.find("#tipoDocaafiedit").val(col6);
    modal.find("#numDocaafiedit").val(col8);


    modal.find("#sexoaafiedit").val(col9);
    modal.find("#fNacimientoaafiedit").val(col10);
    modal.find("#edadedit").val(col11);
    modal.find("#fumaaedit").val(col12);

    modal.find("#edadedit").val(col11);
    modal.find("#fumaaedit").val(col12);



    modal.find("#tarjetaaedit").val($("#aportantetar").val());
    modal.find("#programaaedit").val($("#aportantepro").val());






    modal.find("#montoaafiedit").val(col14);
    // Abrir el modal utilizando Bootstrap 5
    modal.modal("show");
}







function actualizarFila() {
    // Obtener los valores ingresados en los campos del formulario
    var categoria = $("#categoriaafiedit").val();
    var apellidoPaterno = $("#apellidoPaternoafiedit").val();
    var apellidoMaterno = $("#apellidoMaternoafiedit").val();
    var nombre1 = $("#nombre1aafiedit").val();
    var nombre2 = $("#nombre1aafiedit").val();

    var tipoDoc = $("#tipoDocaafiedit").val();
    var tipoDoctext = $("#numDocaafiedit option:selected").val();
    var numDoc = $("#numDocaafiedit").val();
    var sexo = $("#sexoaafiedit").val();
    var fNacimiento = $("#fNacimientoaafiedit").val();
    var fuma = $("#fumaaedit option:selected").val();
    var fumaText = $("#fumaaedit option:selected").text();
    var edad = $("#edadedit").val();
    var monto = $("#montoaafiedit").val();

    // Obtener la fila actual
    var fila = $("#tabl tr").eq(currentRow);
    // Actualizar los valores en la fila actual
    fila.find("td:eq(0)").html(categoria);
    fila.find("td:eq(1)").html(apellidoPaterno);
    fila.find("td:eq(2)").html(apellidoMaterno);
    fila.find("td:eq(3)").html(nombre1);
    fila.find("td:eq(4)").html(nombre2);

    fila.find("td:eq(5)").html(tipoDoc);

    fila.find("td:eq(6)").html(tipoDoctext);
    fila.find("td:eq(7)").html(numDoc);
    fila.find("td:eq(8)").html(sexo);

    fila.find("td:eq(9)").html(fNacimiento);
    fila.find("td:eq(10)").html(edad);
    fila.find("td:eq(11)").html(fuma);
    fila.find("td:eq(12)").html(fumaText);

    fila.find("td:eq(13)").html(monto);

    // Cerrar el modal
    $("#modaleditar").modal("hide");

    // Reiniciar la variable currentRow

    // Reiniciar la variable currentRow

}
    </script>


    <script>
$(document).ready(function() {








    $.get("<?php echo e(url('depa')); ?>", function(data) {
        $('#aportantedep').empty();
        // Agregar la opción "Seleccione"
        $('#aportantedep').append('<option value="">Seleccione</option>');

        $.each(data, function(key, value) {

            $("#aportantedep").append('<option value="' + value + '">' + key + '</option>');

        });
    });


    $("#insertardatos").click(function(e) {

        var camposVacios = false;

        $(".vacio ,.vaciota").each(function() {
            if ($(this).val() === "") {
                camposVacios = true;
                return false;
            }
        });
        if (camposVacios) {
            fv.validate();

            fv3.validate();
        } else {



            Swal.fire({
                title: '¿Desea Guardar la informacion?',
                showDenyButton: true,
                showCancelButton: true,
                confirmButtonText: 'Guardar',
                denyButtonText: `SALIR`,
            }).then((result) => {
                if (result.isConfirmed) {


                    var _token = $('#_token').val();


                    var formData = {

                        'aportanteape1': $("#aportanteape1").val(),
                        'aportanteape2': $("#aportanteape2").val(),
                        'aportantenom1': $("#aportantenom1").val(),
                        'aportantenom2': $("#aportantenom2").val(),
                        'aportantetdoc': $("#aportantetdoc").val(),
                        'aportantendoc': $("#aportantendoc").val(),
                        'aportantesexo': $("#aportantesexo").val(),
                        'aportantefn': $("#aportantefn").val(),
                        'aportantedep': $("#aportantedep").val(),
                        'aportanteprov': $("#aportanteprov").val(),
                        'aportantedis': $("#aportantedis").val(),

                        'aportantedire': $("#aportantedire").val(),
                        'aportantecel': $("#aportantecel").val(),
                        'aportantemail': $("#aportantemail").val(),
                        //'dominiocore': $("#dominiocore option:selected").text(),
                        'dominiocore': $("#dominiocore").val(),


                        'aportantetar': $("#aportantetar").val(),
                        'aportantepro': $("#aportantepro").val(),

                        'LDPD': $("#LDPD").val(),
                        'cllamada': $("#cllamada").val(),

                        'djs': $("#djs").val(),
                        'gfami': $("#gfami").val(),

                        ///////////////////////////////////////////////////////////////////////////

                        'tarjeta_banco': $("#tarjeta_banco").val(),
                        'tarjeta_proc': $("#tarjeta_proc").val(),
                        'tarjeta_tipopro': $("#tarjeta_tipopro").val(),
                        'tarjeta_numero': $("#tarjeta_numero").val(),
                        'tarjeta_año': $("#tarjeta_año").val(),
                        'tarjeta_mes': $("#tarjeta_mes").val(),



                        ///////////////////////////////////////////////////////////////////////////

                        'tarpedido': $("#tarpedido").val(),
                        'tarautori': $("#tarautori").val(),
                        'tartoken': $("#tartoken").val(),
                        'tarfvtoken': $("#tarfvtoken").val(),
                        'targrupo': $("#targrupo").val(),





                    };
                    var datos = [];
                    var filas = $('#tabl tr');
                    var excludedColumns = [7, 13, 15, 17, 19, 20]; // Columnas a excluir

                    for (var i = 1; i < filas.length; i++) {
                        var fila = filas.eq(i);
                        var datosFila = {};

                        fila.find('td').each(function(j) {
                            if (!excludedColumns.includes(j +
                                    1)) { // Excluir las columnas especificadas
                                var dato = $(this).text();
                                var nombreColumna = 'dato' + (j + 1);
                                datosFila[nombreColumna] = dato;
                            }
                        });

                        datos.push(datosFila);
                    }


                    $.ajax({
                        type: "POST",



                        url: "<?php echo e('contrante'); ?>",
                        data: {

                            formData: JSON.stringify(formData),
                            datost: JSON.stringify(datos),
                            _token: _token,
                        },

                        beforeSend: function(e) {


                        },
                        // data: formData,
                        success: function(response) {
                            // Manejar la respuesta exitosa
                            // alert(response);
                        },
                        error: function(xhr, status, error) {
                            // Manejar el error
                            alert(error);
                        }
                    });



                    Swal.fire({
                        title: 'Guardado!',
                        icon: 'success',
                        showConfirmButton: true
                    }).then((result) => {
                        if (result.isConfirmed) {
                            window.location
                        .reload(); // Recargar la página después de hacer clic en "OK"
                        }
                    });

                } else if (result.isDenied) {
                    Swal.fire('Changes are not saved', '', 'info')
                    window.location.reload();
                }
            })




        }





















        //  var campo = $('#aportanteape1').val().trim();









    });
});
    </script>

    <script>
/*   $('#select-original').on('change', function () {
          var filtro = $(this).val();

          // Realizar la petición POST con el valor del filtro
          $.post('/obtener-opciones', { filtro: filtro }, function (data) {
              // ...
          });
      }); */
$('#aportantetar').on('change', function() {
    var filtro = $('#aportantetar').val();
    $.get("<?php echo e(url('cprogra')); ?>", {
        filtro: filtro
    }, function(data) {
        $('#aportantepro').empty();
        // Agregar la opción "Seleccione"
        $('#aportantepro').append('<option value="">Seleccione</option>');

        $.each(data, function(key, value) {

            $("#aportantepro").append('<option value="' + value + '">' + key + '</option>');

        });

    });
});



$('#aportantepro').on('change', function() {
    var selectedOption = $(this).val();

    // Obtener las opciones seleccionadas del select original
    var selectedOptions = $('#aportantepro option:selected');

    // Limpiar el select de réplica
    $('#programaa').empty();

    // Replicar las opciones seleccionadas en el select de réplica
    selectedOptions.each(function() {
        var optionValue = $(this).val();
        var optionText = $(this).text();
        $('#programaa').append('<option value="' + optionValue + '">' + optionText + '</option>');
        $('#programaaedit').append('<option value="' + optionValue + '">' + optionText + '</option>');
    });
});
    </script>


    <script>



    </script>
    <script>
$('#fumaa').on('change', function() {
    var fuma = $(this).val();
    var filtro = $('#tarjetaa').val();
    var filtro1 = $('#programaa').val();

    var edad = $('#edada').val();
    if (filtro1 == 5) {
        $('#montoa').val('5.14');

    } else if (filtro1 == 6) {

        $('#montoa').val('5.14');
    } else {
        $.get("<?php echo e(url('fuma')); ?>", {
            edad: edad,
            fuma: fuma,
            filtro: filtro,
            filtro1: filtro1
        }, function(data) {
            //  $('#aportantepro').empty();
            // Agregar la opción "Seleccione"

            $('#montoa').val(data);
            //alert(data);
        });
    }

});



$('#aportantedep').on('change', function() {
    var filtro = $(this).val();


    $.get("<?php echo e(url('provi')); ?>", {

        filtro: filtro

    }, function(data) {

        $('#aportanteprov').empty();
        // Agregar la opción "Seleccione"
        $('#aportanteprov').append('<option value="">Seleccione</option>');

        $.each(data, function(key, value) {

            $("#aportanteprov").append('<option value="' + value + '">' + key + '</option>');

        });

    });


});
$('#aportanteprov').on('change', function() {
    var filtro = $(this).val();
    var filtro1 = $('#aportantedep').val();

    $.get("<?php echo e(url('dis')); ?>", {

        filtro: filtro,
        filtro1: filtro1

    }, function(data) {

        $('#aportantedis').empty();
        // Agregar la opción "Seleccione"
        $('#aportantedis').append('<option value="">Seleccione</option>');

        $.each(data, function(key, value) {

            $("#aportantedis").append('<option value="' + value + '">' + key + '</option>');

        });

    });


});
    </script>



    <script>
$(document).ready(function() {
    // Tu código aquí

    $('#categoria').on('change', function() {
        var categoria = $(this).val();

        if (categoria == '01') {
            $('#apellidoPaterno1').val($('#aportanteape1').val());

            $('#apellidoMaterno1').val($('#aportanteape2').val());
            $('#nombre1a').val($('#aportantenom1').val());
            $('#nombre2a').val($('#aportantenom2').val());

            $('#numDoca').val($('#aportantendoc').val());
            $('#sexoa').val($('#aportantesexo').val());
            $('#fNacimientoa').val($('#aportantefn').val());
            $('#tipoDoca').val($('#aportantetdoc').val());

            fecha = $("#fNacimientoa").val();

            var hoy = new Date();
            var cumpleanos = new Date(fecha);
            var edad = hoy.getFullYear() - cumpleanos.getFullYear();
            var m = hoy.getMonth() - cumpleanos.getMonth();

            if (m < 0 || (m === 0 && hoy.getDate() < cumpleanos.getDate())) {
                edad--;
            }

            $("#edada").val(edad);

            fv2.validate();




        }


        if (categoria == '17') {

            fv2.validate();

            $('#apellidoPaterno1').val('');
            $('#apellidoMaterno1').val('');
            $('#nombre1a').val('');
            $('#nombre2a').val('');
            $('#tipoDoca').val('');
            $('#numDoca').val('');
            $('#sexoa').val('');
            $('#fNacimientoa').val('');

            $('#edada').val('');
            $('#fumaa').val('');
            $('#montoa').val('');
            $("#fNacimientoa").removeAttr("disabled");
            //  $("#fNacimientoa").prop("disabled", false);



        }
        if (categoria == '') {
            fv2.validate();

            $('#apellidoPaterno1').val('');
            $('#apellidoMaterno1').val('');
            $('#nombre1a').val('');
            $('#nombre2a').val('');
            $('#tipoDoca').val('');
            $('#numDoca').val('');
            $('#sexoa').val('');
            $('#fNacimientoa').val('');

            $('#edada').val('');
            $('#fumaa').val('');
            $('#montoa').val('');





        }
    });
});
    </script>







    <script>

    </script>

    <script>
$(document).ready(function() {
    $(document).ready(function() {



        $('.solo-letras').on('input', function() {
            var input = $(this);
            var valor = input.val();
            var regex =
            /^[a-zA-ZñÑ\s]+$/; // Update the regular expression to include "ñ" and "Ñ"

            if (!regex.test(valor)) {
                input.val(valor.replace(/[^a-zA-ZñÑ\s]/g,
                '')); // Update the replacement pattern to include "ñ" and "Ñ"
            }
        });
    });


    $('.solo-numeros').on('input', function() {
        var input = $(this);
        var valor = input.val();
        var regex = /^\d*$/;

        if (!regex.test(valor)) {
            input.val(valor.replace(/[^\d]/g, ''));
        }
    });

});
    </script>



    <script>
let fv;
document.addEventListener('DOMContentLoaded', function(e) {

    fv = FormValidation.formValidation(document.getElementById('loginForm'), {



        fields: {
            aportantenom1: {
                selector: '#aportantenom1',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },
            aportanteape2: {
                selector: '#aportanteape2',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },
            aportanteape1: {
                selector: '#aportanteape1',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },

            aportantenom2: {
                selector: '#aportantenom2',

                validators: {

                }
            },
            aportantefn: {
                selector: '#aportantefn',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }

                }
            },
            aportantendoc: {
                selector: '#aportantendoc',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },
                    stringLength: {
                        min: 8,
                        max: 12,
                        message: 'The username must be more than 6 and less than 30 characters long',
                    },
                }


            },

            aportantetdoc: {
                selector: '#aportantetdoc',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportantesexo: {
                selector: '#aportantesexo',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportantedep: {
                selector: '#aportantedep',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportanteprov: {
                selector: '#aportanteprov',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportantedis: {
                selector: '#aportantedis',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportantedire: {
                selector: '#aportantedire',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportantecel: {
                selector: '#aportantecel',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },
                    stringLength: {

                        min: 9,
                        max: 9,
                        message: 'The username must be more than 6 and less than 30 characters long',
                    },
                }


            },
            aportantemail: {
                selector: '#aportantemail',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            dominiocore: {
                selector: '#dominiocore',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportantetar: {
                selector: '#aportantetar',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            aportantepro: {
                selector: '#aportantepro',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
        },
        plugins: {
            trigger: new FormValidation.plugins.Trigger(),
            bootstrap: new FormValidation.plugins.Bootstrap5({

            }),

        },
    }).on('plugins.message.displayed', function(e) {
        // e.messageElement presents the error message element
        // We can hide the message easily
        e.messageElement.style.display = 'none';
    });

});



$('#aportantetdoc').on('change', function() {
    const isValid = fv.revalidateField('aportantetdoc');

});


$('#aportantedep').on('change', function() {
    const isValid = fv.revalidateField('aportantedis');
    const isValid2 = fv.revalidateField('aportanteprov');

});


$('#aportantetar').on('change', function() {
    const isValid = fv.revalidateField('aportantepro');

});

$('#aportantefn').on('change', function() {
    const isValid = fv.revalidateField('aportantefn');

});
    </script>

    <script>
let fv2;
document.addEventListener('DOMContentLoaded', function(e) {

    fv2 = FormValidation.formValidation(document.getElementById('formagregar'), {



        fields: {
            categoria: {
                selector: '#categoria',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },
            apellidoPaterno1: {
                selector: '#apellidoPaterno1',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },
            apellidoMaterno1: {
                selector: '#apellidoMaterno1',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },

            nombre1a: {
                selector: '#nombre1a',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }

                }
            },
            nombre2a: {
                selector: '#nombre2a',

                validators: {


                }
            },
            numDoca: {
                selector: '#numDoca',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },
                    stringLength: {
                        min: 8,
                        max: 12,
                        message: 'The username must be more than 6 and less than 30 characters long',
                    },
                }


            },

            tipoDoca: {
                selector: '#tipoDoca',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            sexoa: {
                selector: '#sexoa',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            fumaa: {
                selector: '#fumaa',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },


            fNacimientoa: {
                selector: '#fNacimientoa',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
        },




        plugins: {
            trigger: new FormValidation.plugins.Trigger(),
            bootstrap: new FormValidation.plugins.Bootstrap5({

            }),

        },
    }).on('plugins.message.displayed', function(e) {
        // e.messageElement presents the error message element
        // We can hide the message easily
        e.messageElement.style.display = 'none';
    });

});



;


$('#fNacimientoa').on('change', function() {
    const isValid = fv2.revalidateField('fNacimientoa');

});
    </script>

    <script>
$('#tarjeta_proc').on('change', function() {
    var tarjeta_proc = $(this).val();
    var select2 = $('#tarjeta_tipopro');


    select2.val(tarjeta_proc);

});





$("#abrirmodalafi").click(function(e) {

    var camposVacios = false;

    $(".vacio").each(function() {
        if ($(this).val() === "") {
            camposVacios = true;
            return false;
        }
    });

    if (camposVacios) {
        fv.validate();
    } else {

        $('#edada').val('');

        $("#staticBackdrop").modal("show");
    }



})

$("#cerrarafi").click(function(e) {

    $('#staticBackdrop').modal('hide');
    $('#apellidoPaterno1').val('');
    $('#apellidoMaterno1').val('');
    $('#nombre1a').val('');
    $('#nombre2a').val('');
    $('#tipoDoca').val('');
    $('#numDoca').val('');
    $('#sexoa').val('');
    $('#fNacimientoa').val('');

    $('#edada').val('');
    $('#fumaa').val('');
    $('#montoa').val('');
    $('#categoria').val('');
    $('#fumaa').val('');

})
    </script>



    <script>
let fv3;
document.addEventListener('DOMContentLoaded', function(e) {

    fv3 = FormValidation.formValidation(document.getElementById('formtarjeta'), {



        fields: {
            tarjeta_banco: {
                selector: '#tarjeta_banco',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },
            tarjeta_proc: {
                selector: '#tarjeta_proc',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },
            tarjeta_numero: {
                selector: '#tarjeta_numero',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }
                }
            },

            tarjeta_año: {
                selector: '#tarjeta_año',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }

                }
            },
            tarjeta_mes: {
                selector: '#tarjeta_mes',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    }

                }
            },
            tarpedido: {
                selector: '#tarpedido',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },

            tarautori: {
                selector: '#tarautori',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            tartoken: {
                selector: '#tartoken',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            tarfvtoken: {
                selector: '#tarfvtoken',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },


            targrupo: {
                selector: '#targrupo',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            LDPD: {
                selector: '#LDPD',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
            djs: {
                selector: '#djs',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },

            gfami: {
                selector: '#gfami',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },


            cllamada: {
                selector: '#cllamada',

                validators: {
                    notEmpty: {
                        message: 'campo vacio',
                    },

                }


            },
        },




        plugins: {
            trigger: new FormValidation.plugins.Trigger(),
            bootstrap: new FormValidation.plugins.Bootstrap5({

            }),

        },
    }).on('plugins.message.displayed', function(e) {
        // e.messageElement presents the error message element
        // We can hide the message easily
        e.messageElement.style.display = 'none';
    });

});



;


$('#fNacimientoa').on('change', function() {
    const isValid = fv2.revalidateField('fNacimientoa');

});
    </script><?php /**PATH C:\xampp\htdocs\planilla-app\resources\views/view_venta/venta.blade.php ENDPATH**/ ?>