60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Player Authentication - SKE Digital Signage{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid py-4">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-4">
|
|
<div class="card">
|
|
<div class="card-header text-center">
|
|
<h4><i class="bi bi-shield-lock"></i> Player Authentication</h4>
|
|
<p class="text-muted mb-0">{{ player.username }}</p>
|
|
</div>
|
|
<div class="card-body">
|
|
{% if error %}
|
|
<div class="alert alert-danger">{{ error }}</div>
|
|
{% endif %}
|
|
|
|
<form method="POST">
|
|
<div class="mb-3">
|
|
<label for="password" class="form-label">Password</label>
|
|
<input type="password" class="form-control form-control-lg"
|
|
id="password" name="password" required autofocus
|
|
placeholder="Enter player password">
|
|
</div>
|
|
|
|
<div class="d-grid">
|
|
<button type="submit" class="btn btn-primary btn-lg">
|
|
<i class="bi bi-unlock"></i> Authenticate
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
<hr>
|
|
|
|
<div class="text-center">
|
|
<small class="text-muted">
|
|
<i class="bi bi-info-circle"></i>
|
|
Enter the password to access this player's display
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
body {
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.card {
|
|
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
|
|
border: none;
|
|
}
|
|
</style>
|
|
{% endblock %}
|