{% extends 'layouts/app.html.twig' %}

{% block title %}Perfect For | Słowniki{% endblock %}

{% block app_content %}
    {% include 'partials/_flash_messages.html.twig' %}

    <section class="panel">
        <div class="panel__header panel__header--space-between">
            <div>
                <p class="panel__eyebrow">PrestaShop</p>
                <h2 class="panel__title">Perfect For</h2>
                <p class="panel__text">Lokalny snapshot kart z custom tabeli PrestaShop.</p>
            </div>
            <a href="{{ path('app_dictionaries_index') }}" class="button button--ghost">Wróć do słowników</a>
        </div>

        <div class="table-responsive">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Presta ID</th>
                        <th>Tytuł</th>
                        <th>Status źródła</th>
                        <th>Ostatnia synchronizacja</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in items %}
                        <tr>
                            <td>{{ item.prestaIdCard }}</td>
                            <td>{{ item.title }}</td>
                            <td>{{ item.sourceStatus }}</td>
                            <td>{{ item.lastSyncedAt ? item.lastSyncedAt|date('d-m-Y H:i') : '—' }}</td>
                        </tr>
                    {% else %}
                        <tr><td colspan="4">Brak danych. Uruchom synchronizację słowników produktu.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
{% endblock %}