{% extends 'admin/layouts/base.html.twig' %}
{% block title %}View Transaction{% endblock %}
{% set active = 'app_admin_wallet_transactions' %}
{% set breadcrumbs = [
    {
        'link': path('app_admin_dashboard'), 'title': 'Home'
    },
    {
        'title':'Wallet Management',
    },
    {
        'link': path('app_admin_wallet_transactions'), 'title': 'Transactions',
    },
    {
        'title': 'View',
    }
]%}
{% block content %}
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6"><h1>Transaction Details</h1></div>
                <div class="col-md-6 text-end">
                    <a href="{{ path('app_admin_wallet_transactions') }}" class="btn btn-primary">Back</a>
                </div>
            </div>
            <div class="table-responsive">
                <div class="table">
                    <table class="table border-1">
                        <tbody>
                        <tr>
                            <th class="w-25">Transaction ID</th>
                            <td class="w-75">{{ walletTransaction.transactionid ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Date</th>
                            <td class="w-75" data-utc-time="{{ walletTransaction.createdat | date('Y-m-d H:i:s')  }}">{{ walletTransaction.createdat | date('Y-m-d H:i:s')  }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Amount</th>
                            <td class="w-75">{{ walletTransaction.amount|number_format(2,',','.') ~ ' €' ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Charges</th>
                            <td class="w-75">{{ walletTransaction.charges|number_format(2,',','.') ~ ' €' ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Sender</th>
                            <td class="w-75">{{ walletTransaction.user.username ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Sender's Email</th>
                            <td class="w-75">{{ walletTransaction.user.email ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Payment Type</th>
                            <td class="w-75">{{ walletTransaction.paymenttype ?? 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th class="w-25">Status</th>
                            <td class="w-75">
                                {% set badgeClass = '' %}
                                {% set statusText = walletTransaction.status is not null ? walletTransaction.status : 'N/A' %}

                                {% if statusText == 'completed' %}
                                    {% set badgeClass = 'badge bg-success' %}
                                {% elseif statusText == 'rejected' %}
                                    {% set badgeClass = 'badge bg-danger' %}
                                {% elseif statusText == 'pending' %}
                                    {% set badgeClass = 'badge bg-warning' %}
                                {% endif %}
                                  <span class="badge {{ badgeClass }}">{{ statusText|upper }}</span>
                            </td>
                        </tr>
                        <tr>
                            <th class="w-25">Description</th>
                            <td class="w-75">
                               {{ walletTransaction.description ?? '' }}
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock  %}
{% block javascripts %}
    <script src="{{ asset('assets/js/timezone.js') }}"></script>
{% endblock %}