

<?php $__env->startSection('tituloPlantilla', 'Ajustes'); ?>

<?php $__env->startSection('cssPlantilla'); ?>

    <!-- Font Awesome v5.15.4  -->
    <link rel="stylesheet" href="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/font-awesome/5.15.4/css/fontawesome.css')); ?>">

    <!-- CSS -->
    <link rel="stylesheet" href="<?php echo e(asset('vendor/daite/coopdigital/src/public/css/vista/diseños/tablaRegistrosFiltro.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('vendor/daite/coopdigital/src/public/css/vista/panel/perfil/configuracion.css')); ?>">

<?php $__env->stopSection(); ?>

<?php $__env->startSection('contenidoPlantilla'); ?>

    <div class="page-heading">
        <div class="page-title">
            <div class="row">
                <div class="col-12 col-md-6 order-md-1 order-last">
                    <h3>Configuración</h3>
                    <!-- <p class="text-subtitle text-muted">Powerful interactive tables with datatables (jQuery required)</p> -->
                </div>
                <div class="col-12 col-md-6 order-md-2 order-first">
                    <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="<?php echo e(route('panel.inicio')); ?>">Inicio</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Configuración</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <section class="section">
            <div class="card">
                <div class="card-body">

                    <div class="row p-3">

                        <ul class="nav nav-tabs mb-3" id="pestanas" role="tablist">
                            <li class="nav-item" role="presentation">
                              <a class="nav-link active" id="datos-pestana" data-bs-toggle="tab" href="#datos" role="tab" aria-controls="datos"
                                aria-selected="true">Datos</a>
                            </li>
                            <li class="nav-item" role="presentation">
                              <a class="nav-link" id="seguridad-pestana" data-bs-toggle="tab" href="#seguridad" role="tab" aria-controls="seguridad"
                                aria-selected="false" tabindex="-1">Seguridad</a>
                            </li>
                            <li class="nav-item" role="presentation">
                              <a class="nav-link" id="tarjeta-pestana" data-bs-toggle="tab" href="#tarjeta" role="tab" aria-controls="tarjeta"
                                aria-selected="false" tabindex="-1">Tarjeta</a>
                            </li>
                          </ul>

                          <div class="tab-content" id="contenidoPestanas">
                            <div class="tab-pane fade active show" id="datos" role="tabpanel" aria-labelledby="datos-pestana">
                              <p class="my-2">
                                <div class="col-sm-12">
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="codigo" class="form-label">Código</label>
                                                <input type="text" id="codigo" class="form-control" placeholder="Código" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="cedula" class="form-label">Cédula</label>
                                                <input type="text" id="cedula" class="form-control" placeholder="Cédula" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="cliente" class="form-label">Cliente</label>
                                                <input type="text" id="cliente" class="form-control" placeholder="Cliente" disabled>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="direccion" class="form-label">Dirección</label>
                                                <input type="text" id="direccion" class="form-control" placeholder="Dirección">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="telefono" class="form-label">Teléfono</label>
                                                <input type="text" id="telefono" class="form-control" placeholder="Télefono">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="celular" class="form-label">Celular</label>
                                                <input type="text" id="celular" class="form-control" placeholder="Celular">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="correo" class="form-label">Correo</label>
                                                <input type="email" id="correo" class="form-control"
                                                    placeholder="Correo Electrónico">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="nacimiento" class="form-label">Nacimiento</label>
                                                <input type="text" id="nacimiento" class="form-control"
                                                    placeholder="Fecha de Nacimiento" disabled>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 d-flex justify-content-end">
                                            <button class="btn btn-primary me-1 mb-1" id="botonActualizarDatos">Actualizar Datos</button>
                                        </div>
                                    </div>
                                </div>
                              </p>
                            </div>
                            <div class="tab-pane fade" id="seguridad" role="tabpanel" aria-labelledby="seguridad-pestana">
                                <div class="col-sm-12">
                                    <div class="row mb-3">
                                        <div class="col-md-6 col-12">
                                            <div class="form-check form-switch">
                                                <input class="form-check-input" type="checkbox" id="notificacionInicioSesion" onclick="botonActualizarDatos.click()">
                                                <label class="form-check-label" for="notificacionInicioSesion">Recibir Notificaciones de Inicio de Sesión</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="contrasena" class="form-label">Contraseña</label>
                                                <input type="text" id="contrasena" class="form-control" placeholder="Contraseña">
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-12">
                                            <div class="form-group">
                                                <label for="confirmarContrasena" class="form-label">Confirmar Contraseña</label>
                                                <input type="text" id="confirmarContrasena" class="form-control" placeholder="Confirmar Contraseña">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 d-flex justify-content-end">
                                            <button class="btn btn-primary me-1 mb-1" id="botonActualizarContrasena">Actualizar Contraseña</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tarjeta" role="tabpanel" aria-labelledby="tarjeta-pestana">
                    
                                <div class="row w-100 m-0 text-start d-none" id="registroTarjeta">
            
                                    <div class="col-7">
                                        <div class="form-group has-icon-left">
                                            <div class="position-relative">
                                                <input
                                                    type="text"
                                                    class="form-control my-0"
                                                    placeholder="000-0000000-0"
                                                    id="cedulaTarjeta"
                                                    value="<?php echo e(Session::get('usuarioIniciado')['cedula'] ?? 'NULL'); ?>"
                                                    style="width: 240px"
                                                    disabled
                                                >
                                                <div class="form-control-icon">
                                                    <i class="bi bi-person"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                
                                    <div class="col-7">
                                        <div class="form-group has-icon-left">
                                            <div class="position-relative">
                                                <input
                                                    type="text"
                                                    inputmode="numeric"
                                                    class="form-control my-0 soloNumero"
                                                    placeholder="PIN"
                                                    id="pinTarjeta"
                                                    oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                                                    style="width: 240px"
                                                >
                                                <div class="form-control-icon">
                                                    <i class="bi bi-lock-fill"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                
                                    <div class="col-7">
                                        <div class="form-group has-icon-left">
                                            <div class="position-relative">
                                                <input
                                                    type="text"
                                                    inputmode="numeric"
                                                    class="form-control my-0 soloNumero"
                                                    placeholder="Confirmar PIN"
                                                    id="confirmarPinTarjeta"
                                                    oninput="this.value = this.value.replace(/[^0-9]/g, '')"
                                                    style="width: 240px"
                                                >
                                                <div class="form-control-icon">
                                                    <i class="bi bi-lock-fill"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                
                                    <div class="col-7">
                                        <button class="btn btn-primary me-1 mb-1" style="width: 240px" id="botonGenerarTarjetas">Generar</button>
                                    </div>
                
                                </div>

                                <div class="row w-100 m-0 text-start" id="visualizacionTarjeta">

                                    <div class="accordion">
                                        <div class="accordion" id="acordeon1">
                                            <div class="accordion-item" style="border: none !important">
                                                <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#acordeon1" style="">
                                                    <div class="accordion-body">
                                                        <div class="row text-center contenedorCodigosVerificacion">
                                                            <div class="col-12 col-md-5 col-lg-4 col-xl-3" style="border: 1px solid; border-radius: 4px">
                                                                <div class="row">
                                                                    <div class="col-6">1. <a>******</a></div>
                                                                    <div class="col-6">2. <a>******</a></div>
                                                                    <div class="col-6">3. <a>******</a></div>
                                                                    <div class="col-6">4. <a>******</a></div>
                                                                    <div class="col-6">5. <a>******</a></div>
                                                                    <div class="col-6">6. <a>******</a></div>
                                                                    <div class="col-6">7. <a>******</a></div>
                                                                    <div class="col-6">8. <a>******</a></div>
                                                                    <div class="col-6">9. <a>******</a></div>
                                                                    <div class="col-6">10. <a>******</a></div>
                                                                    <div class="col-6">11. <a>******</a></div>
                                                                    <div class="col-6">12. <a>******</a></div>
                                                                    <div class="col-6">13. <a>******</a></div>
                                                                    <div class="col-6">14. <a>******</a></div>
                                                                    <div class="col-6">15. <a>******</a></div>
                                                                    <div class="col-6">16. <a>******</a></div>
                                                                    <div class="col-6">17. <a>******</a></div>
                                                                    <div class="col-6">18. <a>******</a></div>
                                                                    <div class="col-6">19. <a>******</a></div>
                                                                    <div class="col-6">20. <a>******</a></div>
                                                                    <div class="col-6">21. <a>******</a></div>
                                                                    <div class="col-6">22. <a>******</a></div>
                                                                    <div class="col-6">23. <a>******</a></div>
                                                                    <div class="col-6">24. <a>******</a></div>
                                                                    <div class="col-6">25. <a>******</a></div>
                                                                    <div class="col-6">26. <a>******</a></div>
                                                                    <div class="col-6">27. <a>******</a></div>
                                                                    <div class="col-6">28. <a>******</a></div>
                                                                    <div class="col-6">29. <a>******</a></div>
                                                                    <div class="col-6">30. <a>******</a></div>
                                                                    <div class="col-6">31. <a>******</a></div>
                                                                    <div class="col-6">32. <a>******</a></div>
                                                                    <div class="col-6">33. <a>******</a></div>
                                                                    <div class="col-6">34. <a>******</a></div>
                                                                    <div class="col-6">35. <a>******</a></div>
                                                                    <div class="col-6">36. <a>******</a></div>
                                                                    <div class="col-6">37. <a>******</a></div>
                                                                    <div class="col-6">38. <a>******</a></div>
                                                                    <div class="col-6">39. <a>******</a></div>
                                                                    <div class="col-6">40. <a>******</a></div>
                                                                </div>
                                                            </div>
                                                            <div class="d-none d-md-block col-md-7 col-lg-8 col-xl-9"></div>
                                                            <div class="col-12 col-md-5 col-lg-4 col-xl-3 mt-2 ps-0 pe-0">
                                                                <button class="btn btn-primary me-1 mb-1 w-100" id="botonVisualizarTarjeta">Visualizar Códigos</button>
                                                            </div>
                                                        </div>
                                                            
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>


                            </div>
                          </div>

                    </div>

                </div>
            </div>
        </section>

    </div>

    <?php $__env->stopSection(); ?> <?php $__env->startSection('jsPlantilla'); ?>

    <!-- iMask v6.4.2 -->
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/librerias/imask/6.4.2/imask.js')); ?>"></script>
    <!-- JavaScript -->
    <script src="<?php echo e(asset('vendor/daite/coopdigital/src/public/js/vista/panel/perfil/configuracion.js')); ?>"></script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('coopdigital::diseños.plantilla', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\aplicaciones\clientes\cooperativas\coopriogrande\vendor\daite\coopdigital\src/views/panel/perfil/configuracion.blade.php ENDPATH**/ ?>