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

{% block content %}
    <div class="ecom__homepage-top-text">
        <div class="checkout-page-done">
            <h1 class="page__title page__title--h1 mb-5" style="text-align: center">
                <span>{{ 'Error' | trans }}</span>
            </h1>
            <div class="text-content" style="display: flex; align-items: center; flex-direction: column; gap: 40px;">
                <div>
                    <img src="{{ asset('webshop/images/swish_logo.png') }}" alt="" style="width: 100px; height: auto;"/>
                </div>
                <div class="text-center">
                    {{ 'Swish is not approved' | trans }}<br/>
                    {{ 'Swish reached a time limit before the payment started' | trans }}
                </div>
            </div>
        </div>
    </div>
{% endblock %}