{% extends 'layout.html.twig' %}

{% block title %}Gutschein kaufen{% endblock %}

{% block content %}
    <div class="px-4 lg:px-8 py-8 lg:py-16">

        {% include '_partials/_flashes.html.twig' %}

        <h1 class="text-white uppercase pb-4 mb-4 border-b border-primary-bg/40">
            Gutschein<br>kaufen
        </h1>

        <div class="space-y-8 max-w-screen-sm">
            <div>
                <a href="{{ path('app_voucher_step_1') }}" class="button button--primary w-full md:w-auto">
                    Als Gast fortfahren
                </a>
            </div>
            {% include '_partials/_purchase_login_form.html.twig' %}
        </div>

    </div>
{% endblock %}

{% block footer %}
    <div class="shrink-0 bg-primary-dark px-4 lg:px-8 py-2 lg:py-4">
        {% include '_partials/_cancel_button.html.twig' with { cancel_url: path('app_voucher_cancel') } %}
    </div>
{% endblock %}