{% extends 'layouts/app.html.twig' %}
{% block title %}Cechy 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">Cechy</h2></div><a class="button button--ghost" href="{{ path('app_dictionaries_index') }}">Wróć</a></div>
    <h3 class="panel__section-title">Cechy</h3>
    <div class="table-responsive"><table class="data-table"><thead><tr><th>Presta ID</th><th>Nazwa</th><th>Liczba wartości</th><th>Status źródła</th><th>Ostatnia synchronizacja</th></tr></thead><tbody>
    {% for item in features %}<tr><td>{{ item.prestaId }}</td><td>{{ item.getNameForLang(1) }}</td><td>{{ item.values|length }}</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="5">Brak zsynchronizowanych cech.</td></tr>{% endfor %}
    </tbody></table></div>

    <h3 class="panel__section-title">Wartości cech</h3>
    <div class="table-responsive"><table class="data-table"><thead><tr><th>Presta ID</th><th>Cecha ID</th><th>Wartość</th><th>Status</th></tr></thead><tbody>
    {% for item in values %}<tr><td>{{ item.prestaId }}</td><td>{{ item.featurePrestaId }}</td><td>{{ item.getValueForLang(1) }}</td><td>{{ item.sourceStatus }}</td></tr>{% else %}<tr><td colspan="4">Brak wartości cech.</td></tr>{% endfor %}
    </tbody></table></div>
</section>
{% endblock %}