137 lines
4.8 KiB
HTML
137 lines
4.8 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Administration - Calendrier de l'Avent</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-light">
|
|
<div class="container py-4">
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h1 class="h3">
|
|
<i class="fas fa-users-cog text-primary me-2"></i>
|
|
Gestion des participants
|
|
</h1>
|
|
<div>
|
|
<span class="badge bg-success me-3">Connecté: {{ session.username }}</span>
|
|
<a href="{{ url_for('logout') }}" class="btn btn-outline-danger btn-sm">
|
|
<i class="fas fa-sign-out-alt me-1"></i>Déconnexion
|
|
</a>
|
|
<a href="{{ url_for('index') }}" class="btn btn-outline-primary btn-sm">
|
|
<i class="fas fa-calendar me-1"></i>Calendrier
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
{% with messages = get_flashed_messages() %}
|
|
{% if messages %}
|
|
<div class="alert alert-info alert-dismissible fade show">
|
|
{% for msg in messages %}
|
|
<i class="fas fa-info-circle me-2"></i>{{ msg }}
|
|
{% endfor %}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<div class="row g-4 mb-4">
|
|
<div class="col-md-6">
|
|
<div class="card border-primary">
|
|
<div class="card-header bg-primary text-white">
|
|
<h5 class="mb-0"><i class="fas fa-plus me-2"></i>Ajouter un participant</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="post">
|
|
<input type="hidden" name="action" value="add">
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Nom</label>
|
|
<input type="text" name="name" class="form-control" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label fw-bold">Max tirages</label>
|
|
<input type="number" name="max_draws" class="form-control" value="3" min="1" max="10">
|
|
</div>
|
|
<button class="btn btn-success w-100">
|
|
<i class="fas fa-user-plus me-2"></i>Ajouter
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="card border-warning">
|
|
<div class="card-header bg-warning text-dark">
|
|
<h5 class="mb-0"><i class="fas fa-sync-alt me-2"></i>Réinitialiser</h5>
|
|
</div>
|
|
<div class="card-body text-center">
|
|
<form method="post" class="d-inline" onsubmit="return confirm('⚠️ Remettre TOUS les tirages à zéro ? Cette action est irréversible.');">
|
|
<input type="hidden" name="action" value="reset_draws">
|
|
<button class="btn btn-warning btn-lg w-100">
|
|
<i class="fas fa-undo me-2"></i>Reset complet
|
|
</button>
|
|
</form>
|
|
<p class="text-muted small mt-2 mb-0">Remet tous les compteurs à 0</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header bg-light">
|
|
<h5 class="mb-0">
|
|
<i class="fas fa-list me-2"></i>Liste des participants ({{ people|length }})
|
|
</h5>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover mb-0">
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th>Nom</th>
|
|
<th>Tirages</th>
|
|
<th>Maximum</th>
|
|
<th>Restant</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for p in people %}
|
|
<tr>
|
|
<td>
|
|
<i class="fas fa-user-circle text-primary me-2"></i>
|
|
{{ p.name }}
|
|
</td>
|
|
<td>
|
|
<span class="badge bg-info">{{ p.draws }}</span>
|
|
</td>
|
|
<td>{{ p.max_draws }}</td>
|
|
<td>
|
|
<span class="badge {% if p.draws < p.max_draws %}bg-success{% else %}bg-danger{% endif %}">
|
|
{{ p.max_draws - p.draws }}
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<form method="post" class="d-inline" onsubmit="return confirm('Supprimer {{ p.name }} ?');">
|
|
<input type="hidden" name="action" value="delete">
|
|
<input type="hidden" name="person_id" value="{{ p.id }}">
|
|
<button class="btn btn-sm btn-danger">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|
|
|