{% extends "layouts/dashboard.twig" %}

{% block title %}{{ __("affiliates.my_commissions") }}{% endblock %}

{% block content %}
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">{{ __("affiliates.commission_history") }}</h3>
        </div>
        <div class="card-body">
            {% if commissions is not empty %}
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>{{ __("affiliates.commission_id") }}</th>
                            <th>{{ __("affiliates.order_id") }}</th>
                            <th>{{ __("affiliates.amount") }}</th>
                            <th>{{ __("affiliates.commission_rate") }}</th>
                            <th>{{ __("affiliates.status") }}</th>
                            <th>{{ __("affiliates.created_at") }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for commission in commissions %}
                            <tr>
                                <td>{{ commission.id }}</td>
                                <td>{{ commission.order_id }}</td>
                                <td>{{ commission.amount|number_format(2, ',', '.') }}</td>
                                <td>{{ commission.commission_rate }}%</td>
                                <td>{{ commission.status }}</td>
                                <td>{{ commission.created_at|date("d/m/Y H:i") }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <p>{{ __("affiliates.no_commissions_yet") }}</p>
            {% endif %}
        </div>
    </div>
{% endblock %}