<!-- archivo  index.php  -->
<!DOCTYPE html>
<html lang="es">
<head>
    <?php 
    include "estilos.php"; 
    include 'db_config.php';
    ?>
</head>
<body>
  <div id="page" class="hfeed site">
    <div id="content" class="site-content">
      <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
          <article id="post-156" class="post-156 page type-page status-publish hentry">
            <div class="page-content">
              <section class="form-section">
                <!-- Formulario de registro -->
                <form id="form1" name="form1" method="post" action="insertarUsuarios.php">
                  <table width="90%" border="1" align="center">
                    <tr bgcolor="#bababa" class="texto"> 
                      <td colspan="2" align="center"><h3><strong>Registrarse para ingresar a la aplicación</strong></h3></td>
                    </tr>
                    <tr bgcolor="#bababa">
                      <td align="right"><h4><strong>Nombre Completo</strong></h4></td> 
                      <td><input name="nombre" type="text" required="required" title="Digite su nombre completo, máximo 50 caracteres" size="62" /></td>
                    </tr>
                    <tr bgcolor="#bababa">
                      <td align="right"><h4><strong>Clave</strong></h4></td>
                      <td><input name="clave" type="password" required="required" title="Digite una clave de máximo 20 caracteres" size="20" /></td>
                    </tr>
                    <tr bgcolor="#bababa">
                      <td align="right"><h4><strong>Confirme la clave</strong></h4></td>
                      <td><input name="confirmar" type="password" required="required" title="Repetir la clave anterior" size="20" /></td>
                    </tr>
                    <tr bgcolor="#bababa">
                      <td align="right"><h4><strong>Tipo de Usuario</strong></h4></td>
                      <td>
                        <select name="tipo_usuario" required="required">
                          <!--option value="1">Administrador (Acceso total)</option-->
                          <option value="2">Usuario Regular (Acceso restringido)</option>
                          <!--option value="3">Usuario Temporal (Acceso restringido)</option-->
                        </select>
                      </td>
                    </tr>
                    <tr bgcolor="#5b5b5b">
                      <td colspan="2" align="center">
                        <input type="submit" value="Registrarse"/>
                      </td>
                    </tr>
                  </table>
                </form>
                <!-- Formulario de inicio de sesión -->
                <p>¿Ya tienes una cuenta?</p>
                <form action="procesar_usuario.php" method="post">
                  <input type="text" name="nombre" placeholder="Nombre de usuario" required>
                  <input type="password" name="clave" placeholder="Contraseña" required>
                  <button type="submit">Iniciar Sesión</button>
                </form>
              </section>
            </div>
          </article>
        </main>
      </div>
    </div>
  </div>
</body>
</html>
