81 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SAEJB | Inicio de Sesión</title>
<!-- imagen Favicon -->
<link rel="icon" href="/static/imagenes/dos.ico" type="image/x-icon">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<link rel="stylesheet" href="/static/plugins/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="/static/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<link rel="stylesheet" href="/static/dist/css/adminlte.min.css">
</head>
<body class="hold-transition login-page">
<div class="login-box">
<div class="card card-outline card-primary">
<div class="card-header text-center">
<a class="h1"><b>SAEJB</b> <img src="/static/imagenes/dos.png" alt="logo" height="50" width="50"></a>
</div>
<div class="card-body">
{% for message in messages %}
<div class="alert alert-{{ message.tags }}">
{{ message }}
</div>
{% endfor %}
<p class="login-box-msg">Coloca tu Usuario para Iniciar tu Sesión</p>
{% if form.errors %}
<p>Su nombre de usuario y contraseña no coinciden. Inténtalo de nuevo.</p>
{% endif %}
{% if user.is_authenticated %}
<p>Su cuenta no tiene acceso a esta página. Para continuar, inicie sesión con una cuenta que tenga acceso.</p>
{% endif %}
<form action="#" method="post">
{% csrf_token %}
<div class="input-group mb-3">
<input type="text" class="form-control" name="username" id="username_id" placeholder="Usuario">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-solid fa-user"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" class="form-control" name="password" id="" placeholder="Contraseña">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
{% if not request.user.is_superuser %}
<div class="col-3">
<!-- <a href="{% url 'registro' %}" class="btn btn-dark btn-block">Registrarse</a> -->
</div>
{% endif %}
<div class="col-6">
<button type="submit" class="btn btn-primary btn-block">Iniciar Sesión</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="/static/plugins/jquery/jquery.min.js"></script>
<script src="/static/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/static/dist/js/adminlte.min.js"></script>
</body>
</html>