{% extends 'base.html' %}

{% block content %}
<div class="d-flex justify-content-center align-items-center">
    <div class="card col-9 bg-white shadow-md p-5">
        <div class="mb-4 text-center">
            <svg class="text-success" width="75" height="75"
                fill="currentColor" class="bi bi-check-circle" viewBox="0 0 16 16">
                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                <path
                    d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" />
            </svg>
        </div>
        <div class="text-center">
            <h1>Dziękujemy za zakup!</h1>
            <div>
                Twoje zamówienia zostały przekazane do realizacji.
                Oczekuj maili z dokumentami to zamówień.<br/>

                <b>Twoje numery zamówień:</b>
                <div class="col-12 text-center">
                    {% for order in orders %}
                        {{order.order_number}}<br/>
                    {% endfor %}
                </div>

            </div>
            <a class="btn btn-outline-primary mt-3" href="{{store_url}}">
                Powrót do sklepu
            </a>
        </div>
    </div>
{% endblock %}
