77 lines
3.3 KiB
HTML
77 lines
3.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Login - SKE Digital Signage{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid vh-100 d-flex align-items-center justify-content-center">
|
|
<div class="row w-100">
|
|
<div class="col-md-6 d-flex align-items-center justify-content-center">
|
|
{% if login_picture_exists %}
|
|
<img src="{{ url_for('static', filename='assets/login_picture.png') }}"
|
|
class="img-fluid rounded shadow" alt="Login Picture" style="max-height: 400px;">
|
|
{% else %}
|
|
<div class="text-center">
|
|
<i class="bi bi-display display-1 text-primary"></i>
|
|
<h2 class="mt-3 text-muted">SKE Digital Signage</h2>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="col-md-6 d-flex align-items-center justify-content-center">
|
|
<div class="card shadow" style="max-width: 400px; width: 100%;">
|
|
<div class="card-body p-5">
|
|
<div class="text-center mb-4">
|
|
<h3><i class="bi bi-lock"></i> Login</h3>
|
|
<p class="text-muted">Sign in to your account</p>
|
|
</div>
|
|
|
|
<form method="POST">
|
|
<div class="mb-3">
|
|
<label for="username" class="form-label">Username</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="bi bi-person"></i></span>
|
|
<input type="text" class="form-control" id="username" name="username"
|
|
required autofocus placeholder="Enter your username">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-4">
|
|
<label for="password" class="form-label">Password</label>
|
|
<div class="input-group">
|
|
<span class="input-group-text"><i class="bi bi-key"></i></span>
|
|
<input type="password" class="form-control" id="password" name="password"
|
|
required placeholder="Enter your password">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-grid">
|
|
<button type="submit" class="btn btn-primary btn-lg">
|
|
<i class="bi bi-box-arrow-in-right"></i> Sign In
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
{% if config.DEBUG %}
|
|
<div class="text-center mt-3">
|
|
<small>
|
|
<a href="{{ url_for('auth.register') }}" class="text-decoration-none">
|
|
Don't have an account? Register here
|
|
</a>
|
|
</small>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block extra_css %}
|
|
<style>
|
|
body {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
}
|
|
</style>
|
|
{% endblock %}
|