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

{% block title %}Faire un don
{% endblock %}

{% block body %}
	<div class="form-card-bg">
		<div class="container">
			<div class="form-card donation-card donation-card-review">
				<div class="base-content">
					<h1><span>Oups</span>, une erreur est survenue</h1>
                    <div class="flex">
                        <div class="donation_message">
							<div class="icon-wrapper">
								<img src="{{ asset("images/donation/err.svg") }}" alt="Merci">
							</div>
                            <p>Notre banque partenaire nous a informés que votre transaction a échoué avec le message suivant : "{{err}}".</p>
							<div class="block-helper">
								<p>Pour être accompagné par l’équipe Delta 7 de support aux membres et aux donateurs :</p>
								<p>Appelez le <a href="tel:+33698618999">06.98.61.89.99</a>.</p>
							</div>
                        <div class="flex vertical centered v-centered" style="margin-top:32px;">
                            <div class="flex" style="gap:16px">
                                <a href="{{ path('app_donation') }}" class="btn is-white is-xl is-anim-s is-icon-flip-x">
                                    {{ svg('images/base/arrow.svg') }}
                                    <span>Recommencer</span>
                                </a>
                                <a  href="{{ path('app_donation_ref', {'reference': donation.reference}) }}" class="btn is-primary is-xl is-anim-s" style="margin-left: 0;margin-bottom:16px;" type="submit">
                                    <span>Revenir à mon don</span>
                                    {{ svg('images/base/arrow_white.svg') }}
                                </a>
                            </div>
                            <div class="securised">
                                <span>Paiement sécurisée par</span>
                                <img src="{{ asset('images/forms/bank.png') }}" alt="CIC / CREDIT MUTUEL" style="border-radius:0;box-shadow:none;margin-bottom:0">
                            </div>
                        </div>
                        </div>
                    </div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}