BikeProtection/header.php at main · Andres1069/BikeProtection · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

<?php
    include_once("BD/conexion.php");

?>
<header class="header_prin">
        <section class="opt_vertical">
            <div class="imagen">
                <a href="principal.php"><img class="img_logo" src="img/logoBlanco.png" alt="Logo del SENA"></a>
            </div>
            <div>
                <nav class="header_cuadro">
                    <ul>
                    <li><a href="" class="enlace ingresar" ><input type="button" id="ingresar" value="Ingresar Código"></a></li>


                        <li><a href="registrarBici.php" class="enlace">Registrar Bicicleta</a></li>
                        <li><a href="" class="enlace ">Gestionar Usuario<span>&rsaquo;</span></a>
                            <ul>
                                <li><a href="verUsuario.php" class="enlace desplegar">Mi Perfil</a></li>
                                <li><a href="gestionarUsuarios.php" class="enlace">Usuarios</a></li>
                            </ul>
                        </li>
                    </ul>

                    <ul>
                        <li><a href="inicio.php" class="enlace">Gestionar Bicicleta</a></li>
                        <li><a href="pag1.php" class="enlace">Roles</a></li>
                        <li><a href="" class="enlace">Reportes</a></li>
                        <li><a href="" class="enlace">Centros</a></li>
                    </ul>
                </nav>
            </div>
        </section>
        <section class="opt_horizontal">
        <div class="opt_text">
                <p class="opt_name">
                    <?php
                       try {
                        session_start();
                        $conexion= conectar();
                        $documento = $_SESSION["documento"];
                        $sql = "SELECT * FROM usuario a INNER JOIN roles b ON b.cod_rol = a.cod_rol WHERE num_doc = $documento";
                        $query = $conexion -> prepare($sql);
                        $query -> execute();
                        while($reg=$query->fetch()){
                            $verificar_names = $reg['nomb_usua'];
                            $verificar_nameRol = $reg['nomb_rol'];
                            }
                            echo $verificar_names, "<br>";
                    } catch(PDOException $e) {
                        return "E R R O R: " . $e->getMessage();
                    } finally{
                        $conexion = null;
                    }


                    ?>
                </p>
                <p class="opt_rol">
                <?php
                       echo $verificar_nameRol, "<br>";
                    ?>
                </p>
            </div>

            <div class="btn_cerrar">
                <nav  class="header_cuadro">
                    <a href="cerrarSesion.php" class="btnC" >Cerrar Sesión</a>
                </nav>
            </div>
        </section>
</header>
 <!--Modal Ingresar Código Bicicleta-->
 <div class="containerModal" id="containerCode" >
        <div class="modal" >
            <h1>Ingresar Código Bicicleta</h1> <br>
            <input type="number" name="codigo" id="codigo"> <br>
            <a href=""><input class="form_boton" type="submit" value="Verificar" id="modalON"></a>
            <input class="form_boton" type="submit" value="No, cancelar" id="modalOFF">
        </div>
    </div>

    <script>
        //Modal de Ingresar Código
        document.getElementById("ingresar").addEventListener("click", mostrar);

        function mostrar(){
            document.getElementById("containerCode").style="display:flex";
        }

        document.getElementById("modalOFF").addEventListener("click", closed);

        function closed(){
            document.getElementById("containerCode").style="display:none";
        }
    </script>