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

{% block title %}Transaction{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="layout-specing">
            <h4>Transaction: {{ transaction.user }}</h4>
            <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
                <div class="col mt-4">
                    <a href="{{ path('account.transaction.index') }}"
                       class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                        <div class="d-flex align-items-center">
                            <div class="icon text-center rounded-pill">
                                <i class="uil uil-step-backward-alt fs-4 mb-0"></i>
                            </div>
                            <div class="flex-1 ms-3">
                                <h6 class="mb-0 text-muted">{% trans %} Retourner à mes investissements  {% endtrans %}</h6>
                                <p class="fs-5 text-dark fw-bold mb-0">

                                </p>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <hr>

            <table class="table">
                <tbody>
                <tr>
                    <th>Id</th>
                    <td>{{ transaction.id }}</td>
                </tr>
                <tr>
                    <th>Montant</th>
                    <td>{{ transaction.amount | format_currency(transaction.currency) }}</td>
                </tr>

                {%  if transaction.creator.id != transaction.user.id %}
                    <tr>
                        <th>Créateur de la transaction</th>
                        <td>{{ transaction.creator.fullname }}</td>
                    </tr>
                {% endif %}
                <tr>
                    <th>Méthode de paiement</th>
                    <td>{{ transaction.paymentMethod }}</td>
                </tr>
                <tr>
                    <th>Statut de la Transaction</th>
                    <td>{{ transaction.transactionStatus }}</td>
                </tr>
                <tr>
                    <th>Type</th>
                    <td>{{ transaction.transactionType }}</td>
                </tr>
                <tr>
                    <th>Date de création</th>
                    <td>{{ transaction.createdAt ? transaction.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                </tr>

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