{% extends 'layouts/app.html.twig' %}
{% block title %}Atrybuty PrestaShop{% endblock %}
{% block app_content %}
<section class="panel">
    <div class="panel__header panel__header--space-between"><div><p class="panel__eyebrow">PrestaShop</p><h2 class="panel__title">Atrybuty</h2></div><a class="button button--ghost" href="{{ path('app_dictionaries_index') }}">Wróć</a></div>
    <div class="table-responsive"><table class="data-table"><thead><tr><th>Grupa</th><th>Wartość</th><th>Kolor</th><th>Pozycja</th><th>Status źródła</th><th>Ostatnia synchronizacja</th></tr></thead><tbody>
    {% for item in values %}<tr><td>{{ item.attributeGroup ? item.attributeGroup.getNameForLang(1) : item.attributeGroupPrestaId }}</td><td>{{ item.getNameForLang(1) }}</td><td>{% if item.color %}<span class="color-dot" style="background: {{ item.color }}"></span> {{ item.color }}{% else %}—{% endif %}</td><td>{{ item.position ?? '—' }}</td><td><span class="text-badge">{{ item.sourceStatus }}</span></td><td>{{ item.lastSyncedAt ? item.lastSyncedAt|date('d-m-Y H:i') : '—' }}</td></tr>{% else %}<tr><td colspan="6">Brak zsynchronizowanych atrybutów.</td></tr>{% endfor %}
    </tbody></table></div>
</section>
{% endblock %}