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

{% block title %}Bestellung anlegen{% endblock %}

{% block content %}
    <div class="container">
        <div class="d-flex justify-content-between align-items-start flex-wrap border-bottom pb-3 mb-4">
            <div>
                <h1 class="h3 mb-2">Zur Bestellung markierte Garne</h1>

            </div>
            <div class="mt-3 mt-sm-0">
                <a href="#" class="btn btn-sm btn-outline-secondary">Zurück</a>

            </div>
        </div>
            {% if toOrder is not empty %}
            <form method="post" enctype="multipart/form-data" action="{{ path('admin_tools_order_create') }}">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead class="table-light">
                        <tr>
                            <th>Bestellen?</th>
                            <th>Farbnummer</th>
                            <th>Farbname</th>
                            <th>Hersteller</th>
                            <th>Größe</th>
                            <th>Menge</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% set i = 0 %}
                        {% for row in toOrder %}
                            <tr>
                                <td><input type="checkbox" name="order[{{ i }}][threadId]" value="{{ row.id }}"></td>
                                <td>{{ row.colorNumber }}</td>
                                <td>{{ row.colorName }}</td>
                                <td>{{ row.manufacturer.manufacturer }}</td>
                                <td><input type="hidden" name="order[{{ i }}][size]" value="1000">
                                    <strong>1000 m</strong>
                                </td>
                                <td><input type="number" name="order[{{ i }}][volume]"> Stk.</td>
                            </tr>
                            {% set i = i + 1 %}
                            <tr>
                                <td><input type="checkbox" name="order[{{ i }}][threadId]" value="{{ row.id }}"></td>
                                <td>{{ row.colorNumber }}</td>
                                <td>{{ row.colorName }}</td>
                                <td>{{ row.manufacturer.manufacturer }}</td>
                                <td><input type="hidden" name="order[{{ i }}][size]" value="5000">
                                    <strong>5000 m</strong>
                                </td>
                                <td><input type="number" name="order[{{ i }}][volume]"> Stk.</td>
                            </tr>
                            {% set i = i + 1 %}
                        {% endfor %}
                        </tbody>
                    </table>
                    <button class="btn btn-primary">Bestellung anlegen</button>
                </div>
            </form>
            {% else %}
                <div class="alert alert-warning">
                    Keine Daten zum Anzeigen gefunden.
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}