{% extends '@kohinos/common/layout.html.twig' %}

{% block header %}{% endblock header %}

{% block content %}
<div class='container' style='max-width: 800px;'>
    <div class="payment-done-container">
        <h1 class="text-center w-100 mt-4 payment-done-title">
            {{ 'Paiement réussi !'|trans }}
        </h1>

        <br/>
        
        <div class="success-checkmark">
            <div class="check-icon">
                <span class="icon-line line-tip"></span>
                <span class="icon-line line-long"></span>
                <div class="icon-circle"></div>
                <div class="icon-fix"></div>
            </div>
        </div>

        <br/>

        {% if remainingAmount is defined %}
            <h5>{{ 'Reste à payer en euros :'|trans }} {{ remainingAmount }} €</h5>

            <br/>
        {% endif %}

        <div class='text-center mx-auto w-100 mt-4'>
            <a type="button" class='btn btn-xs btn-secondary me-4 p-2' href='{{ path('index') }}'>
                {{ 'Page d\'accueil'|trans }}
            </a>
            <a type="button" class='btn btn-xs btn-primary me-4 p-2' href='{{ path('encaissement') }}'>
                {{ 'Nouvel  encaissement'|trans }}
            </a>
        </div>

    </div>
</div>
{% endblock %}

{% block footer %}{% endblock footer %}