{% extends 'vitrine/base.html.twig' %}
{% import 'vitrine/macros/svg_illustration_macros.twig' as svg %}
{% block title "Réserver" %}
{% block description %}{% trans %}Réservez votre moment de détente{% endtrans %}{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('tunnel') }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('tunnel') }}
{% endblock %}
{% block main %}
<div id="background-override">
<video data-step="start" class="background-video" src="https://i.gyazo.com/d9d0bd5636691cfdf72d4db0a4132c09.mp4" muted playsinline autoplay loop></video>
</div>
<div class="not-animate-childs md:pt-32 pt-24 justify-items-center">
<section id="start" class="content-column-center-48 tunnel-step">
<div id="modal-background" class="no-bg">
<div id="generic-modal" class="modal-container">
<div class="modal-content">
<div id="modal-body">
<div class="content-column-16">
<div class="content-column-8">
<h3>Votre carte cadeau</h3>
{% if error is defined %}
<p style="color:red">{{ error|trans }}</p>
{% endif %}
</div>
<form name="form" method="post" action="{{ path('reservation_carte_cadeau_tunnel') }}">
<div class="input-wrapper">
<label class="content-column-8">
{{ "Numéro de votre carte"|trans }}
<input type="text" id="code" name="code" required="required" placeholder="XXXXXX">
</label>
</div>
<div class="content-row-8" style="justify-content: flex-end;">
<a href="{{ path('reservation_tunnel') }}" class="rounded-btn-tertiary" style="margin-top: 16px">{{ "Annuler"|trans }}</a>
<button type="submit" class="rounded-btn-primary" style="margin-top: 16px">{{ "Appliquer"|trans }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
{% endblock %}