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

{% block title %}Bestandsliste{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
            <h1>Bestandsliste</h1>
            <hr>
        </div>
        <div class="row">
            {% if inStock is not empty %}
                <div class="alert alert-info">Es werden nur Stickgarnkonen mit Bestand angezeigt. (Gesamt: {{ inStockColor|length }} Farben)</div>
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead class="table-light">
                        <tr>
                            <th>Farbnummer</th>
                            <th>Farbname</th>
                            <th>Hersteller</th>
                            <th>Bestand</th>
                            <th>Größe</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for row in inStock %}
                            <tr>
                                <td>{{ row.colorReference.colorNumber }}</td>
                                <td>{{ row.colorReference.colorName }}</td>
                                <td>{{ row.colorReference.manufacturer.manufacturer }}</td>
                                <td>{{ row.stock }} Stk.</td>
                                <td>{{ row.coneSize }} m</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% else %}
                <div class="alert alert-warning">
                    Keine Daten zum Anzeigen gefunden.
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}