{% extends '/uniqskills/layout.html.twig' %}
{% block content %}
<div style="background-color: #181734;">
<div class="voucher-container">
<h1>
{{ 'uniqskills.form.voucher.title'|trans }}
</h1>
<div class="voucher-present">
<div class="voucher-present-content">
<p>{{ 'uniqskills.form.voucher.text1'|trans }}</p>
<p>{{ 'uniqskills.form.voucher.text2'|trans }}</p>
<form method="POST" action="{{ path('fmUniqskillsRedeemVoucher') }}">
<div class="formContent">
<div class="formContent-form formContent-form--wide voucher-form">
<input type="text" name="voucher-code"
class="form-control voucher-input" required
placeholder="{{ 'uniqskills.form.voucher.placeholder'|trans }}">
{% for msg in app.session.flashBag.get('danger') %}
<div class="voucher-error">{{ msg|trans|raw }}</div>
{% endfor %}
</div>
</div>
<div class="voucher-button-center">
<button class="button-blueBackground button--centered voucher-button" type="submit">
{{ 'uniqskills.form.voucher.activate'|trans }}
</button>
</div>
</form>
</div>
</div>
<div class="voucher-bar">
<div class="voucher-bar-left"></div>
<div class="voucher-bar-center"></div>
<div class="voucher-bar-right"></div>
</div>
</div>
</div>
{% endblock %}