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

{% block content %}
    <div class="ecom__homepage-top-text">
        <div class="checkout-page-done">
            {% if ecomOrder.paymentMethod == 'swish' %}
                <h1 class="page__title page__title--h1" style="text-align: center">
                    <span>{{ 'Start your Swish app and approve the payment' | 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 Payment id' | trans }}<br/>
                        {{ ecomOrder.swishPaymentId }}
                    </div>
                    <div class="text-center">
                        {{ 'Svea Order id' | trans }}<br/>
                        {{ ecomOrder.sveaOrderId }}
                    </div>
                </div>
            {% elseif ecomOrder.paymentMethod == 'svea' %}
                <div class="text-center">
                    {{ 'Svea Order id' | trans }}<br/>
                    {{ ecomOrder.sveaOrderId }}
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}
{% block custom_javascripts %}
    <script>
        $(document).ready(function () {
            setInterval(function () {
                location.reload(); // Reloads the current page
            }, 10000); // 30,000 milliseconds = 30 seconds
        });
    </script>
{% endblock %}