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

{% block body %}
    <div class="container">
        <!--First row-->
        <div class="row">
            <!--First column-->
            <div class="col-lg-7">
                <!--Featured image -->
                <div class="view overlay hm-white-light z-depth-1-half">
                    <img src="/img/logo/banner.png" class="img-fluid " alt="Bild: Track-ID / TECDESIGN Banner">
                    <div class="mask">
                    </div>
                </div>
                <br>
            </div>
            <!--./First column-->

            <!--Main information-->
            <!--Second column-->
            <div class="col-lg-5">
                <h2 class="h2-responsive font-bold">Auftragsinformationssystem</h2>
                <hr>
                <p style="text-align:justify;">Die nachfolgende Tabelle beinhaltet sämtliche, dem System bekannte sowie
                    dieser Kundennummer zugeordnete Rahmenvereinbarungen.</p>
            </div>
            <!--./Second column-->

            <!-- Space -->
            <!--Third column-->
            <div class="col-lg-12">
                <br>
            </div>
            <!--./Third column-->
        </div>
        <!--/.First row-->

        <!--Second row-->
        <div class="row">
            <!--First column-->
            <div class="col-lg-12">
                <h4 class="mb-5">Übersicht aller aktiven
                    Rahmenaufträge {% if orders is defined and orders[0] is defined %} - "{{ orders[0].customer.name }}" (Kundennr.: {{ orders[0].customer.customerNumber }}){% endif %}</h4>

                <table id="dtBasicExample" class="table table-striped table-bordered table-hover">
                    <thead class="blue-grey lighten-4">
                    <tr>
                        <th><h6><strong>Auftragsnummer</strong></h6></th>
                        <th><h6><strong>Produktname</strong></h6></th>
                        <th><h6><strong>Status</strong></h6></th>
                        <th><h6><strong>Status erreicht am</strong></h6></th>
                    </tr>
                    </thead>
                    <tbody>

                    {% for order in orders %}
                        <!-- lockState(0) = Normal
                             lockState(1) = Gesperrt
                             lockState(2) = Abgeschlossen
                        -->
                        {% if order.lockState == 0 or order.lockState == 1 %}
                            <tr onclick="window.location.href='{{ path('viewOrderInfo', {'id': order.id}) }}'"
                                class="{% if order.lockState != 0 %}bg-warning{% endif %}">
                                <td><a href="{{ path('viewOrderInfo', {'id': order.id}) }}">
                                        <u>{{ order.generalOrderNumber }}{% if date(order.updatedAt) < date('-30days') %}*{% endif %}</u></a>
                                </td>
                                <td>{{ order.name }}</td>
                                <td>
                                    <!-- Nur bei Aufträgen im Zustand "normal" den Status anzeigen -->
                                    {% if order.lockState == 0 and order.getCurrentState.status is defined and order.contractKind is defined and order.contractKind != "Rahmenvereinbarung" %}
                                        {{ order.currentStateAlias }}{% if order.deliveredQuantity is defined and order.deliveredQuantity != '' and order.deliveredQuantity != order.orderQuantity %} (Teilmenge){% endif %}
                                    {% else %}
                                        Keine Informationen verfügbar
                                    {% endif %}

                                </td>
                                <td>{{ order.currentState.createdAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</td>
                            </tr>
                        {% endif %}
                    {% else %}
                        <tr>
                            <td>Keine Einträge vorhanden.</td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>

                <br>
                <p><strong>Hinweis:</strong>
                    * Dieser Fertigungsauftrag wurde länger als einen Monat
                    nicht aktualisiert.
                    Da dies eine ungewöhnlich lange Bearbeitungszeit darstellt, können technische Probleme an
                    unserem Auftragsinformationssystem leider nicht ausgeschlossen werden. Bei Rückfragen
                    kontaktieren Sie uns bitte telefonisch.
                </p>
            </div>
            <!--./First column-->
        </div>
        <!--/.Second 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 %}