{% extends "baseAdmin.html.twig" %}

{% block title %}TecdesignAdminBundle:Order:list{% endblock %}

{% block body %}
    <div class="container">
        <!--First row-->
        <div class="row">
            <!--First column-->
            <div class="col-lg-12">
                <!-- Mögliche Hinweismeldungen anzeigen -->
                {% if app.session.flashbag.peekAll|length > 0 %}
                    {% for type, messages in app.session.flashbag.all %}
                        {% for message in messages %}
                            <div class="alert alert-{{ type ? type : '' }}">
                                <p>{{ message|trans({}, domain|default('messages')) }}</p>
                            </div>
                        {% endfor %}
                    {% endfor %}
                {% endif %}
            </div>
            <!--./First column-->

            <!--Second column-->
            <div class="col-lg-12">
                <h4 class="mb-5">Übersicht aller Aufträge</h4>

                <table id="dtBasicExample" class="table table-striped table-bordered table-hover">
                    <thead class="blue-grey lighten-4">
                    <tr>
                        <th><h6><strong>Interne Auftragsnummer</strong></h6></th>
                        <th><h6><strong>Auftragsnummer</strong></h6></th>
                        <th><h6><strong>Produktname</strong></h6></th>
                        <th><h6><strong>Kunde</strong></h6></th>
                        <th><h6><strong>Auftragsablauf</strong></h6></th>
                        <th><h6><strong>Status</strong></h6></th>
                        {#<th><h6><strong>Zustand</strong></h6></th>#}
                        {#<th><h6><strong>Hinweis</strong></h6></th>#}
                        {#<th><h6><strong>Erstellt am</strong></h6></th>#}
                        <th><h6><strong>Letzte Änderung</strong></h6></th>
                        <th><h6><strong>Aktionen</strong></h6></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for order in orders %}
                        <!-- lockState(1) = Gesperrt
                             lockState(2) = Abgeschlossen
                        -->
                        <tr onclick="window.location.href='{{ path('orderShow', {'id': order.id}) }}'">
                            <td
                                    {% if order.lockState == 1 %}
                                class="danger-color"

                            {% elseif order.lockState == 2 %}
                                class="success-color" {% endif %}>
                                <a href="{{ path('orderShow', {'id': order.id}) }}">
                                    <u>{{ order.orderNumber }}</u></a></td>
                            <td>{{ order.generalOrderNumber }}</td>
                            <td>{{ order.name }}</td>
                            <td>{{ order.customer.name }} (Kundennr.: {{ order.customer.customerNumber }})</td>
                            <td>{{ order.sequence.name }}</td>
                            <td>
                                {% if order.getCurrentState.status is defined %}
                                    {{ order.getCurrentState.status.name }}{% if order.deliveredQuantity is defined and order.deliveredQuantity != '' and order.deliveredQuantity != order.orderQuantity %} (Teilmenge){% endif %}
                                {% endif %}
                            </td>
                            {#                            <td>
                                                            {% if order.lockState == 0 %}
                                                                Normal

                                                            {% elseif order.lockState == 1 %}
                                                                Gesperrt

                                                            {% elseif order.lockState == 2 %}
                                                                Abgeschlossen

                                                            {% else %}
                                                                Unbekannt

                                                            {% endif %}
                                                        </td>#}
                            <!-- Hinweistext ggf. kürzen -->
                            {#<td>{% if order.hint|length >= 80 %}
                                    {{ order.hint|slice(0, 80) }}...
                                {% else %}
                                    {{ order.hint }}
                                {% endif %}
                            </td>#}
                            {#<td>{{ order.CreatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</td>#}
                            <td>{{ order.UpdatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</td>
                            <td><a href="{{ path('orderEdit', {'id': order.id}) }}"
                                   class="btn btn-primary btn-sm"><i class="fa fa-edit"></i> </a>
                                {% if is_granted('ROLE_ADMIN') %}
                                    <br><br>
                                    <a onclick="if(!confirm('Diesen Auftrag wirklich löschen?')){ return false;}"
                                       href="{{ path('orderDelete', {'id': order.id}) }}"
                                       class="btn btn-danger btn-sm"><i class="fa fa-trash"></i> </a>
                                {% endif %}
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td>Keine Einträge vorhanden.</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                <br>

                <div class="text-right">
                    <a href="{{ path('orderCreate') }}" class="btn btn-primary">Auftrag
                        hinzufügen <i class="fa fa-plus-square ml-1"></i>
                    </a>
                </div>

                <br>
                <p><strong>Hinweis:</strong> Diese Tabelle beinhaltet alle verfügbaren Aufträge mit erweiterten
                    Informationen. Wenn Sie sämtliche Informationen eines Auftrags einsehen wollen,
                    klicken Sie bitte auf die entsprechende Zeile oder die Auftragsnummer. Abgeschlossene Aufträge
                    werden grün, gesperrte rot hervorgehoben!</p>
            </div>
            <!--./Second column-->
        </div>
        <!--/.First row-->
    </div>

    <!-- Nachfolgender Code wandelt die vorhandene Tabelle (ID: "dtBasicExample") in ein DataTable-Objekt um -->
    <script type="text/javascript">
        $(document).ready(function () {
            $('#dtBasicExample').dataTable({
                "language": {
                    "url": "https://cdn.datatables.net/plug-ins/1.10.20/i18n/German.json"
                }
            });
        });
    </script>
{% endblock %}