{% extends 'Application/' ~ settings.get("theme") ~ '/base.html.twig' %}

{% block title %}{{ 'Utiliser un code'|trans }}{% endblock %}

{% block body %}
<h1 class="mb-4">{{ 'Utiliser un code'|trans }}</h1>


<div id="coupon-background">
<div id="coupon-logo"><img src="../images/code.png" width="250px"></div>
<form method="post">
<div id="position-input">
    <div class="form-group mb-2">
        <label for="code">{{ 'Code coupon'|trans }}</label>
        <input type="text" class="form-control" name="code" id="code" required>
    </div>

    <div class="form-group mb-3">
        <label for="character">{{ 'Choisissez un personnage'|trans }}</label>
        <select name="character" id="character" class="form-control" required>
            <option value="">{{ 'Sélectionner...'|trans }}</option>
            {% for char in characters %}
                <option value="{{ char.Id }}">{{ char.Name }}</option>
            {% endfor %}
        </select>
    </div>
</div>
<div id="button-coupon">
    <button type="submit" class="btn-rpg">{{ 'Valider'|trans }}</button></div>
	
</form>
<div style="    margin-top: 75px;
    margin-left: 65px;
    width: 80%;">
{% for label, messages in app.flashes %}
    {% for message in messages %}
        <div class="alert alert-{{ label }} mt-3">
            <font color="black">{{ message }}</font>
        </div>
    {% endfor %}
{% endfor %}</div>
</div>
{% endblock %}