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

{% block title %}Bestellübersicht{% endblock %}
{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('styles/admin/tools/order/order.css') }}">
{% 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übersicht</h1>

        </div>
        <div class="mt-3 mt-sm-0">
            <a href="{{ path('admin_tools_list_order') }}" class="btn btn-sm btn-primary">Neu</a>
            <a href="#" class="btn btn-sm btn-secondary">Zurück</a>

        </div>
    </div>
    {% if orders is not empty %}
        <div class="table-responsive">
            <table class="table table-bordered table-striped">
                <thead class="table-light">
                <tr>
                    <th>Bestellnummer</th>
                    <th class="created">Erstellt am</th>
                    <th class="status">Status</th>
                    <th class="icon"></th>
                </tr>
                </thead>
                <tbody>
                {% for order in orders %}
                    {% if order.orderDate and order.orderReceived %}
                        {% set status = '<span class="badge bg-success">Bestellung abgeschlossen</span>' %}
                    {% elseif order.orderDate %}
                        {% set status = '<span class="badge bg-info text-dark">Bestellung abgesetzt</span>' %}
                    {% else %}
                        {% set status = '<span class="badge bg-warning text-dark">Bestellung noch nicht platziert</span>' %}
                    {% endif %}
                    <tr>
                        <td>{{ order.orderNumber }}</td>
                        <td>{{ order.orderCreatedAt|format_datetime(locale: 'de', timezone: 'Europe/Berlin', pattern: 'dd.mm.YY') }}</td>
                        <td>{{ status|raw }}</td>
                        <td class="text-nowrap">
                            {% if not order.orderDate and not order.orderReceived %}
                                <a href="{{ path('admin_tools_order_edit', {'id': order.id}) }}"
                                   class="me-2 text-decoration-none" title="Bearbeiten"><i class="fas fa-edit"></i></a>
                                {% else %}
                                    <a href="{{ path('admin_tools_order_download_pdf', {'id': order.id}) }}"
                                       class="me-2 text-decoration-none" title="PDF Download"><i class="fas fa-download"></i></a>
                            {% endif %}
                            <a href="{{ path('admin_tools_order_view', {'id': order.id}) }}"
                               class="me-2 text-decoration-none" title="Anzeigen"><i class="fas fa-eye"></i></a>
                            <a href="{{ path('admin_tools_order_delete', {'id': order.id}) }}"
                               onclick="return confirmDelete()" class="text-danger text-decoration-none"
                               title="Löschen"><i class="fas fa-trash"></i></a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}

{% endblock %}