74 lines
3.9 KiB
HTML
74 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Match Squad Selection - HKFC Men's C Team</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="container mt-4">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h1>Match Squad Selection</h1>
|
|
<p class="lead">Select players for the match squad from the available players</p>
|
|
|
|
<div class="mb-3">
|
|
<a href="/admin/players" class="btn btn-outline-primary">Manage Players</a>
|
|
<a href="/admin" class="btn btn-secondary">Back to Admin</a>
|
|
</div>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<div class="alert alert-{{ 'danger' if category == 'error' else 'success' }} alert-dismissible fade show" role="alert">
|
|
{{ message }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
{% if players %}
|
|
<form action="/admin/squad/submit" method="post">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5>Available Players</h5>
|
|
<small class="text-muted">Select players to add to the match squad</small>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
{% for player in players %}
|
|
<div class="col-md-4 mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" name="playerNumber" value="{{ player.playernumber }}" id="player{{ player.playernumber }}">
|
|
<label class="form-check-label" for="player{{ player.playernumber }}">
|
|
<strong>#{{ player.playernumber }}</strong> {{ player.playerforenames }} {{ player.playersurname }}
|
|
<br>
|
|
<small class="text-muted">{{ player.playernickname }} - {{ player.playerteam }}</small>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button type="submit" class="btn btn-primary">Add Selected Players to Squad</button>
|
|
<a href="/admin/squad/list" class="btn btn-outline-secondary">View Current Squad</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
{% else %}
|
|
<div class="alert alert-warning">
|
|
<h5>No players available</h5>
|
|
<p>There are no players in the database. <a href="/admin/players/add">Add some players</a> before selecting a squad.</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|