You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ScienceQuest/project/src/templates/create.html

58 lines
2.0 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Créer une partie</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
p,
label {
font:
1rem 'Fira Sans',
sans-serif;
}
input {
margin: 0.4rem;
}
</style>
</head>
<body>
<h1>Créer une partie</h1>
<br><br><br>
<center>
<p>Pour créer votre partie, merci de faire vos choix et de cliquer sur valider</p>
<form action="validationFormulaire" method="post">
<fieldset>
<legend>Mini-jeux disponibles</legend>
{% if dVueCreate is defined %}
{% if dVueCreate["jeux"] is defined %}
{% for value in dVueCreate["jeux"] %}
<div>
<input type="radio" name="jeu" id="{{value['id']}}" value="{{value['id']}}">
<label for="{{value['id']}}">{{value['nom']}}</label>
</div>
{% endfor %}
{% endif %}
</fieldset>
{% if dVueCreate["difficultes"] is defined %}
<label for="difficulte">Difficulté</label>
<select name="difficulte" id="difficulte">
{% for diff in dVueCreate["difficultes"] %}
<option value="{{diff['id']}}">{{diff['libelle']}}</option>
{% endfor %}
</select>
{% endif %}
<input type="submit" value="Valider">
{% endif %}
</form>
</center>
<script src="js/bootstrap.min.js"></script>
</body>
</html>