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

{% block title %}{% endblock %}

{% block body %}
    <!-- breadcrumb area start
    <div class="breadcrumb-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-wrap text-center">
                        <h2 class="breadcrumb-title">{% trans %} Paiement effectué {% endtrans %}</h2>
                        <nav aria-label="breadcrumb">
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ path("index") }}">{% trans %}Accueil{% endtrans %}</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <br>
            <br>
        </div>
    </div>
    breadcrumb area end -->

    <!-- Main Wrapper Start -->
    <div class="main-content-wrapper pt-sm-60 pb-100 pb-sm-55">
        <div class="error-area">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-8 text-center">
                        {% if success  %}
                            <h3 class="text-success">Succès</h3>
                        {% else %}
                            <h3 class="text-danger">Votre transaction a été rejetée/ Your transaction was rejected/ تم رفض معاملتك</h3>
                        {% endif %}
                        <p> {{ respCode_desc }}</p>
                        <div class="error " style="
                            display: flex;
                            flex-direction: column;
                            justify-content: space-between;
                            align-items: flex-start;
                            margin-top: 15px;
                        ">
                        <br>
                            <table style="border-collapse: collapse;">
                                <tbody>
                                <tr>
                                    <td style="padding: 6px 12px; font-weight: bold; text-align: left;">N° Transaction :</td>
                                    <td style="padding: 6px 12px; text-align: left;">{{ orderid }}</td>
                                </tr>
                                <tr>
                                    <td style="padding: 6px 12px; font-weight: bold; text-align: left;">Numéro de commande :</td>
                                    <td style="padding: 6px 12px; text-align: left;">{{ ordernumber }}</td>
                                </tr>
                                <tr>
                                    <td style="padding: 6px 12px; font-weight: bold; text-align: left;">Code d'autorisation :</td>
                                    <td style="padding: 6px 12px; text-align: left;">{{ approvalCode }}</td>
                                </tr>
                                <tr>
                                    <td style="padding: 6px 12px; font-weight: bold; text-align: left;">Date/heure :</td>
                                    <td style="padding: 6px 12px; text-align: left;">{{ datetime }}</td>
                                </tr>
                                <tr>
                                    <td style="padding: 6px 12px; font-weight: bold; text-align: left;">Montant :</td>
                                    <td style="padding: 6px 12px; text-align: left;">{{ amount|number_format(2, ',', ' ') }} DZD</td>
                                </tr>
                                <tr>
                                    <td style="padding: 6px 12px; font-weight: bold; text-align: left;">Mode de paiement :</td>
                                    <td style="padding: 6px 12px; text-align: left;">{{ paymentmode }}</td>
                                </tr>
                                <tr>
                                    <td style="padding: 6px 12px; font-weight: bold; text-align: left;">Contact :</td>
                                    <td style="padding: 6px 12px; text-align: left;"><img
                                                src="build/front/img/icons/satim_call.png" alt=""></td>
                                </tr>
                                </tbody>
                                <tfoot>
                                <td style="padding: 6px 12px; text-align: center;"><a href="javascript:void(0);" onclick="window.print()" style="margin-top: 20px" class="btn"><i class="pe-7s-print"></i> Imprimer</a></td>
                                <td style="padding: 6px 12px; text-align: center;"><a href="javascript:void(0);" style="margin-top: 20px" class="btn"><i class="pe-7s-diskette"></i> Télécharger</a></td>
                                <td style="padding: 6px 12px; text-align: center;"><a href="javascript:void(0);" style="margin-top: 20px" class="btn"><i class="pe-7s-mail-open-file"></i> Envoyer par email</a></td>
                                </tfoot>
                            </table>

                        <a href="{{ path("index") }}" style="margin-top: 20px" class="btn align-self-center">Retourner à l'accueil</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Main Wrapper End -->
{% endblock %}