{% 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 %}

        <a class='btn btn-xs btn-primary mt-4' href='{{ path('encaissement') }}'>
            {{ 'Nouvel  encaissement'|trans }}
        </a>
    </div>
</div>
{% endblock %}

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