File "crearUsuario.php"

Full Path: C:/wamp64/www/casos_medicos1/views/crearUsuario.php
File size: 2.63 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!doctype html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <title>Nuevo usuario</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">

    <style>
        /* CONTENEDOR PRINCIPAL */
        .nuevo-usuario-box {
            max-width: 480px;
            margin: 40px auto;
            background: #e2e2e2ff;
            padding: 25px 30px;
            border-radius: 14px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            border: 1px solid #dcdcdc;
        }

        /* TÍTULO */
        .nuevo-usuario-titulo {
            font-size: 1.6rem;
            font-weight: 600;
            color: #222;
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 20px;
        }

        .nuevo-usuario-titulo i {
            color: #0d6efd;
            font-size: 1.6rem;
        }

        /* INPUTS */
        .form-control {
            border-radius: 10px;
            padding: 10px 12px;
            border: 1px solid #ccc;
        }

        .form-control:focus {
            border-color: #0d6efd;
            box-shadow: 0 0 5px rgba(13, 110, 253, 0.4);
        }

        /* BOTÓN */
        .btn-crear {
            width: 100%;
            border-radius: 10px;
            padding: 10px;
            font-weight: 600;
        }
    </style>
</head>

<body class="bg-light">

    <div class="nuevo-usuario-box">

        <h4 class="nuevo-usuario-titulo">
            <i class="bi bi-person-plus"></i>
            Crear Nuevo Usuario
        </h4>

        <?php if (!empty($msg)): ?>
            <div class="alert alert-success"><?= htmlspecialchars($msg) ?></div>
        <?php endif; ?>

        <form method="post">

            <input name="nombre" class="form-control mb-3" placeholder="Nombre completo" required>

            <input name="usuario" class="form-control mb-3" placeholder="Nombre de usuario" required>

            <input name="clave" type="password" class="form-control mb-3" placeholder="Contraseña" required>

            <select name="perfil" class="form-control mb-3">
                <option>Administrador</option>
                <option>Medico</option>
                <option>Auxiliar</option>
            </select>

            <button class="btn btn-primary btn-crear">
                <i class="bi bi-check-circle"></i> Crear Usuario
            </button>

        </form>
    </div>

</body>

</html>