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

{% block title %}Admin Tarification | CARTECADEAU{% endblock %}

{% block body %}
<section class="container admin-shell">
    <div class="catalog-headline">
        <p class="kicker">Back-office Admin</p>
        <h1>Parametrage <span class="accent">Tarification</span></h1>
        <p>Configurez la devise, la source du taux, le taux manuel et la commission sans modifier les fichiers d'environnement.</p>
    </div>

    <div class="grid admin-grid">
        <article class="card">
            <h3>Contexte applique actuellement</h3>
            <p class="meta">Base: {{ pricingContext.baseCurrency }} | Affichee: {{ pricingContext.displayCurrency }}</p>
            <p class="meta">Taux: {{ pricingContext.exchangeRate|number_format(6, '.', ' ') }} | Source: {{ pricingContext.rateSource }}</p>
            <p class="meta">Commission: {{ pricingContext.commissionPercent|number_format(2, ',', ' ') }}%</p>
        </article>

        <article class="card">
            <h3>Reglages</h3>
            {{ form_start(form, {'attr': {'class': 'stack-form'}}) }}
                {{ form_row(form.baseCurrency) }}
                {{ form_row(form.displayCurrency) }}
                {{ form_row(form.autoUpdateRate) }}
                {{ form_row(form.manualRate) }}
                {{ form_row(form.commissionPercent) }}
                {{ form_row(form.exchangeRateApiUrl) }}
                <button class="btn" type="submit">Enregistrer</button>
            {{ form_end(form) }}
        </article>
    </div>

    <article class="card">
        <h3>Historique des modifications</h3>
        <div class="table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Admin</th>
                        <th>Avant</th>
                        <th>Apres</th>
                    </tr>
                </thead>
                <tbody>
                {% for event in history %}
                    <tr>
                        <td>{{ event.createdAt ? event.createdAt|date('Y-m-d H:i') : '-' }}</td>
                        <td>{{ event.adminEmail }}</td>
                        <td><pre class="audit-json">{{ event.oldValues|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></td>
                        <td><pre class="audit-json">{{ event.newValues|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre></td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4">Aucune modification enregistree.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </article>
</section>
{% endblock %}