<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>BIO - ALMACÉN</title>
        <link href="./view/css/styles.css" rel="stylesheet" />
        <link rel="icon" type="image/x-icon" href="./view/assets/img/trinity_bio/icono_trinity.png" />
        <script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.28.0/feather.min.js" crossorigin="anonymous"></script>
    </head>
    <body class="bg-primary">
        <div id="layoutAuthentication">
            <div id="layoutAuthentication_content">
                <main>
                    <div class="container-xl px-4">
                        <div class="row justify-content-center">
                            <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11">
                                
                                <div class="card my-5">
                                    <div class="card-body p-5 text-center">
                                        <img style="width: 8rem" src="./view/assets/img/trinity_bio/logo_trinity.png" alt="logo_trinity">
                                    </div>
                                    <hr class="my-0" />
                                    <div class="card-body p-5">
                                        
                                        <form method="post" action="index.php">
                                            
                                            <div class="mb-3">
                                                <label class="text-gray-600 small" for="nueva_contrasena">NUEVA CONTRASEÑA</label>
                                                <input required id="nueva_contrasena" name="nueva_contrasena" class="form-control form-control-solid" type="password" placeholder="NUEVA CONTRASEÑA" aria-label="NUEVA CONTRASEÑA" aria-describedby="NUEVA CONTRASEÑA" />
                                                <input class="text-gray-600 small" type="checkbox" onclick="ver_nueva_contrasena()"><i class="text-gray-600 small">&nbsp;VER NUEVA CONTRASEÑA</i>
                                            </div>
                                            
                                            <div class="mb-3">
                                                <label class="text-gray-600 small" for="confirmar_nueva_contrasena">CONFIRMAR NUEVA CONTRASEÑA</label>
                                                <input required id="confirmar_nueva_contrasena" name="confirmar_nueva_contrasena" class="form-control form-control-solid" type="password" placeholder="CONFIRMAR NUEVA CONTRASEÑA" aria-label="CONFIRMAR NUEVA CONTRASEÑA" aria-describedby="CONFIRMAR NUEVA CONTRASEÑA" />
                                                <input class="text-gray-600 small" type="checkbox" onclick="ver_confirmar_nueva_contrasena()"><i class="text-gray-600 small">&nbsp;VER CONFIRMAR NUEVA CONTRASEÑA</i>
                                            </div>
                                            
                                            
                                            <div class="text-rigth d-flex align-items-rigth justify-content-between mb-0">
                                                <input class="btn btn-primary" type="submit" name="ACTUALIZAR" id="ACTUALIZAR" value="ACTUALIZAR">
                                            </div>

                                        </form>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </main>
            </div>
            <div id="layoutAuthentication_footer">
                <footer class="footer-admin mt-auto footer-dark">
                    <div class="container-xl px-4">
                        <div class="row">
                            <div class="col-md-6 small">Copyright &copy; TRINITY ERP - BIO SAC 2022</div>
                            <div class="col-md-6 text-md-end small">
                                <a href="#!">POLÍTICAS DE PRIVACIDAD</a>
                                &middot;
                                <a href="#!">TERMINOS &amp; CONDICIONES</a>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
        </div>
        <script>
            function ver_nueva_contrasena() {
                var x = document.getElementById("nueva_contrasena");
                if (x.type === "password") {
                    x.type = "text";
                } else {
                    x.type = "password";
                }
            }
        </script>
        <script>
            function ver_confirmar_nueva_contrasena() {
                var x = document.getElementById("confirmar_nueva_contrasena");
                if (x.type === "password") {
                    x.type = "text";
                } else {
                    x.type = "password";
                }
            }
        </script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
        <script src="./view/js/scripts.js"></script>
    </body>
</html>