{% extends 'admin/tools/layout.html.twig' %}

{% block title %}CSV-Import für Farbreferenzen – Vorschau{% endblock %}

{% block content %}
    <div class="container">
        <div class="row mb-3">
            <h1>Vorschau der CSV-Daten</h1>
        </div>

        {% set previewData = app.session.get('csv_preview_data') %}

        {% if previewData is not empty %}
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <thead class="table-light">
                    <tr>
                        <th>#</th>
                        <th>Farbnummer</th>
                        <th>Farbname</th>
                        <th>Hersteller</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for row in previewData %}
                        <tr>
                            <td>{{ loop.index }}</td>
                            <td>{{ row.colorNumber }}</td>
                            <td>{{ row.colorName }}</td>
                            <td>{{ row.manufacturer }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>

            <form method="post" action="{{ path('admin_tools_color_reference_do') }}">
                <input type="hidden" name="confirm" value="1">
                <button class="btn btn-success mt-3">Import jetzt durchführen</button>
            </form>
        {% else %}
            <div class="alert alert-warning">
                Keine gültigen Daten zum Anzeigen gefunden.
            </div>
        {% endif %}
    </div>
{% endblock %}