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

{% block title %}Bestellung {{ order.orderNumber }} bearbeiten{% endblock %}

{% block content %}
    {% if threads is not defined %}
        <form action="{{ path('admin_tools_order_edit', {'id': order.id}) }}" method="post">
            <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">Bestellung {{ order.orderNumber }} bearbeiten</h1>
                        <p class="mb-1"><strong>Erstelldatum:</strong>
                            <span class="badge bg-info">{{ order.orderCreatedAt|format_datetime(locale:'de') }}</span>
                        </p>
                        <p class="mb-1"><strong>Status:</strong>
                            {% if order.orderDate and order.orderReceived %}
                                <span class="badge bg-success">Bestellung abgeschlossen</span>
                            {% elseif order.orderDate %}
                                <span class="badge bg-info text-dark">Bestellung abgesetzt</span>
                            {% else %}
                                <span class="badge bg-warning text-dark">Noch nicht platziert</span>
                            {% endif %}
                        </p>
                        <p class="mb-2">
                            <label for="orderNumber"><strong>Bestellnummer:</strong></label>
                            <input id="orderNumber" class="form-control" name="order[orderNumber]"
                                   value="{{ order.orderNumber }}"
                                   type="text">
                        </p>
                        <p class="mb-2">
                            <label for="orderDate"><strong>Bestelldatum:</strong></label>
                            <input id="orderDate" class="form-control" name="order[orderDate]"
                                   value="{{ order.orderDate ? order.orderDate|date('Y-m-d') : '' }}"
                                   type="date">
                        </p>
                        <p class="mb-2">
                            <label for="deliveryDate"><strong>Lieferdatum:</strong></label>
                            <input id="deliveryDate" class="form-control" name="order[deliveryDate]"
                                   value="{{ order.orderReceived ? order.orderReceived|date('Y-m-d') : '' }}"
                                   type="date">
                        </p>

                    </div>
                    <div class="mt-3 mt-sm-0">
                        <a href="{{ path('admin_tools_order_delete', {'id': order.id}) }}"
                           onclick="return confirmDelete()"
                           class="btn btn-sm btn-danger">Löschen</a>
                        <a href="{{ path('admin_tools_order_index') }}" class="btn btn-sm btn-secondary">Zurück</a>
                    </div>
                </div>
                <div class="table-responsive d-flex justify-content-between align-items-start flex-wrap border-bottom pb-3 mb-4">
                    <div class="mt-3 mt-sm-0 mb-2">
                        <a href="{{ path('admin_tools_order_add_item', {'id': order.id}) }}"
                           class="btn btn-sm btn-success">Artikel hinzufügen</a>
                    </div>
                    <table class="table table-bordered table-striped">
                        <thead class="table-light">
                        <tr>
                            <th>Artikelnummer</th>
                            <th>Artikelname</th>
                            <th>Menge</th>
                            <th>Größe</th>
                            <th>Hersteller</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% set i = 0 %}
                        {% for item in order.orderItems %}
                            <tr>
                                <td>{{ item.colorReference.colorNumber }}</td>
                                <td>{{ item.colorReference.colorName }}</td>
                                <td><input type="number" name="orderline[{{ i }}][amount]" value="{{ item.amount }}"></td>
                                <td>
                                    <select name="orderline[{{ i }}][size]">
                                        <option value="1000" {% if item.size == 1000 %}selected{% endif %} >1000 m
                                        </option>
                                        <option value="5000" {% if item.size == 5000 %}selected{% endif %}>5000 m
                                        </option>
                                    </select>
                                    <input type="hidden" name="orderline[{{ i }}][id]" value="{{ item.id }}">
                                </td>
                                <td>{{ item.colorReference.manufacturer.manufacturer }}</td>
                                <td class="text-nowrap">
                                    <a href="{{ path('admin_tools_order_delete_item', {'id': item.id}) }}"
                                       onclick="return confirmDelete()" class="text-danger text-decoration-none"
                                       title="Löschen"><i class="fas fa-trash"></i></a>
                                </td>
                            </tr>
                            {% set i = i + 1 %}
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <input type="submit" class="btn btn-primary" value="Speichern">
            </div>
        </form>
    {% else %}
            {{ include('admin/tools/order/_include/_add_item.html.twig') }}
    {% endif %}
{% endblock %}