{% extends 'wfbo/_layout.html.twig' %}

{% block wfbo_title %}Settings Audit Trail{% endblock %}

{% macro format_value(value) %}
    {%- if value is null -%}
        —
    {%- elseif value is same as(true) -%}
        Yes
    {%- elseif value is same as(false) -%}
        No
    {%- elseif value is iterable -%}
        {{ value|json_encode }}
    {%- else -%}
        {{ value }}
    {%- endif -%}
{% endmacro %}

{% import _self as helpers %}

{% set actionLabels = {
    'update-settings': 'General Settings',
    'update-vk-settings': 'Video Karera Settings',
    'update-pataasan-settings': 'Pataasan Settings',
    'update-pataasan-multiplier': 'Pataasan Multiplier',
    'update-race-dividends': 'Race Dividends',
} %}

{% block wfbo_content %}

    <p class="wfbo-card-desc mb-4">
        History of changes made to WFBO settings — General, Video Karera, Pataasan, and Race Dividends.
    </p>

    <div class="table-card--tabbed" data-testid="settings-audit-table-card">
        <div class="table-scroll">
            <table class="data-table" style="--bs-table-color: #000000; --bs-table-bg: #ffffff;" data-testid="settings-audit-table">
                <thead>
                    <tr class="thead-row--light">
                        <th class="th-gray">Date</th>
                        <th class="th-gray">Settings Group</th>
                        <th class="th-gray">Changes</th>
                        <th class="th-gray">Performed By</th>
                    </tr>
                </thead>
                <tbody>
                    {% for log in auditLogs %}
                    <tr class="table-row" data-testid="settings-audit-row-{{ log.id }}">

                        <td class="td-cell td-cell--nowrap">
                            <p class="date-primary td-cell--dark">{{ log.createdAt|date('M d, Y') }}</p>
                            <p class="date-secondary">{{ log.createdAt|date('h:i A') }}</p>
                        </td>

                        <td class="td-cell td-cell--dark font-mono-sm">
                            {{ actionLabels[log.action]|default(log.action) }}
                        </td>

                        <td class="td-cell td-cell--dark" style="max-width: 420px;">
                            {% if log.changes %}
                                {% for field, change in log.changes %}
                                    <div class="font-mono-sm">
                                        <strong>{{ field }}:</strong>
                                        {{ helpers.format_value(change.old) }} &rarr; {{ helpers.format_value(change.new) }}
                                    </div>
                                {% endfor %}
                            {% else %}
                                &mdash;
                            {% endif %}
                        </td>

                        <td class="td-cell td-cell--dark td-cell--nowrap font-mono-sm">
                            {% if log.actor %}
                                {{ log.actor.firstName }} {{ log.actor.lastName }}
                            {% else %}
                                &mdash;
                            {% endif %}
                        </td>

                    </tr>
                    {% else %}
                    <tr>
                        <td colspan="4" class="td-empty td-empty--lg">
                            No settings changes recorded yet.
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    {# ── Pagination ── #}
    {% if totalPages > 1 %}
    <div class="d-flex align-items-center justify-content-between mt-4" data-testid="pagination">
        <p class="pagination-info">
            Page {{ currentPage }} of {{ totalPages }} &nbsp;&middot;&nbsp; {{ total }} total
        </p>
        <div class="d-flex gap-2">
            {% if currentPage > 1 %}
                <a href="{{ path('app_wfbo_settings_audit_trail', {page: currentPage - 1}) }}"
                   class="btn btn-page-prev">
                    &larr; Previous
                </a>
            {% endif %}
            {% if currentPage < totalPages %}
                <a href="{{ path('app_wfbo_settings_audit_trail', {page: currentPage + 1}) }}"
                   class="btn btn-page-next">
                    Next &rarr;
                </a>
            {% endif %}
        </div>
    </div>
    {% endif %}

{% endblock %}