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

{% block title %}Bestellung {{ order.orderNumber }}{% 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">Bestellung {{ order.orderNumber }}</h1>
                <p class="mb-1"><strong>Erstelldatum:</strong> {{ order.orderCreatedAt|format_datetime(locale:'de') }}
                </p>
                {% if order.orderDate %}
                    <p class="mb-1">
                        <strong>Bestelldatum:</strong> {{ order.orderDate|format_datetime(locale: 'de', pattern: 'dd.MM.yy') }}
                    </p>
                {% else %}
                    <p class="mb-1"><strong>Bestelldatum:</strong> –</p>
                {% endif %}
                {% if order.orderReceived %}
                    <p class="mb-1">
                        <strong>Lieferdatum:</strong> {{ order.orderReceived|format_datetime(locale: 'de', pattern: 'dd.MM.yy') }}
                    </p>
                {% else %}
                    <p class="mb-1"><strong>Lieferdatum:</strong> –</p>
                {% endif %}
                <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>
            </div>
            <div class="mt-3 mt-sm-0">
                {% if not order.orderDate and not order.orderReceived %}
                    <a href="{{ path('admin_tools_order_place', {id: order.id}) }}" class="btn btn-sm btn-success">Platzieren</a>
                {% endif %}
                {% if not order.orderReceived %}
                    <a href="{{ path('admin_tools_order_edit', {id: order.id}) }}" class="btn btn-sm btn-primary">Bearbeiten</a>
                    <a href="{{ path('admin_tools_order_finish', {id: order.id}) }}" class="btn btn-sm btn-warning">Abschließen</a>
                {% endif %}
                <a href="{{ path('admin_tools_order_download_pdf', {id: order.id}) }}" class="btn btn-sm btn-info">PDF
                    download</a>

                <a href="{{ path('admin_tools_order_delete', {'id': order.id}) }}" onclick="return confirmDelete()"
                   class="btn btn-sm btn-danger">Löschen</a>
                <a href="#" class="btn btn-sm btn-secondary">Zurück</a>

            </div>
        </div>
        <div class="table-responsive">
            <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>
                </tr>
                </thead>
                <tbody>
                {% for item in order.orderItems %}
                    <tr>
                        <td>{{ item.colorReference.colorNumber }}</td>
                        <td>{{ item.colorReference.colorName }}</td>
                        <td>{{ item.amount }}</td>
                        <td>{{ item.size }} m</td>
                        <td>{{ item.colorReference.manufacturer.manufacturer }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}