{% 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 Aufträge.</p>
            </div>
            <!--./Second column-->

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

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

            <!--Second column-->
            <div class="col-lg-12">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs nav-justified">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#panel1" role="tab">Listenansicht</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#panel2" role="tab">Grid-Ansicht</a>
                    </li>
                </ul>
            </div>
            <!--./Second column-->

            <!--Main information-->
            <!--Third column-->
            <div class="col-lg-12">
                <!-- Tab panels -->
                <div class="tab-content card">
                    <!--Panel 1: List-->
                    <div class="tab-pane fade in show active" id="panel1" role="tabpanel">
                        <br>
                        <!--First column-->
                        <div class="col-lg-12">
                            <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 %}{% if order.contractKind is defined and order.contractKind == "Rahmenvereinbarung" %} **{% 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>
                        </div>
                        <!--./First column-->
                    </div>
                    <!--/.Panel 1-->

                    <!--Panel 2: Grid-->
                    <div class="tab-pane fade" id="panel2" role="tabpanel">
                        <br>
                        <div class="col-lg-12">
                            Bitte beachten Sie, dass diese Ansicht leider noch nicht verfügbar ist.
                        </div>
                        <br>
                        <!--./First column-->
                    </div>
                    <!--/.Panel 2-->

                    <!--Panel 2: Grid-->
                    {#<div class="tab-pane fade" id="panel2" role="tabpanel">
                        <br>
                        <div class="col-lg-12">
                            <table class="table table-bordered table-hover table-sm">
                                <thead class="blue-grey lighten-4">
                                <tr>
                                    <th><h6><strong>Auftragsnummer</strong></h6></th>
                                    <th><h6><strong>Auftragsname</strong></h6></th>
                                    <th><h6><strong>Erfasst</strong></h6></th>
                                    <th><h6><strong>In Vorbereitung</strong></h6></th>
                                    <th><h6><strong>In Produktion</strong></h6></th>
                                    <th><h6><strong>In Prüfung</strong></h6></th>
                                    <th><h6><strong>Warenausgang</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}) }}'">
                                            <td><a href="{{ path('viewOrderInfo', {'id': order.id}) }}">
                                                    <u>{{ order.orderNumber }}</u></a></td>
                                            <td>{{ order.name }}</td>
                                            <td bgcolor="#7cfc00">X</td>
                                            <td bgcolor="#7cfc00">X</td>
                                            <td bgcolor="#7cfc00">X</td>
                                            <td bgcolor="#7cfc00">X</td>
                                            <td bgcolor="#7cfc00">X</td>
                                        </tr>
                                    {% endif %}
                                {% else %}
                                    <tr>
                                        <td>Keine Einträge vorhanden.</td>
                                        <td></td>
                                        <td></td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>

                            <h3>Dummy Table</h3>
                            {% for seq in ordersBySequence %}
                                <table class="table table-bordered table-hover table-sm">
                                    <thead class="blue-grey lighten-4">
                                    <tr>
                                        <th><h6><strong>Auftragsnummer</strong></h6></th>
                                        <th><h6><strong>Auftragsname</strong></h6></th>
                                        {% for dataTitle in attribute(ordersBySequenceTitles,seq) %}
                                            <th><h6><strong>:: {{ dataTitle }}</strong></h6></th>
                                        {% endfor %}
                                    </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}) }}'">
                                                <td><a href="{{ path('viewOrderInfo', {'id': order.id}) }}">
                                                        <u>{{ order.orderNumber }}</u></a></td>
                                                <td>{{ order.name }}</td>
                                                <td bgcolor="#7cfc00">X</td>
                                                <td bgcolor="#7cfc00">X</td>
                                                <td bgcolor="#7cfc00">X</td>
                                                <td bgcolor="#7cfc00">X</td>
                                                <td bgcolor="#7cfc00">X</td>
                                            </tr>
                                        {% endif %}
                                    {% else %}
                                        <tr>
                                            <td>Keine Einträge vorhanden.</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            {% endfor %}
                        </div>
                        <!--./First column-->
                    </div>
                    <!--/.Panel 2-->#}
                </div>
            </div>
            <!--./Third column-->
        </div>
        <!--/.Second row-->

        <!--Third row-->
        <div class="row">
            <!--First column-->
            <div class="col-lg-12">
                <br>
                <p><strong>Hinweis:</strong> Die Tabelle beinhaltet ausschließlich aktive Aufträge (abgeschlossene
                    Aufträge werden hier nicht angezeigt). Wenn Sie sämtliche Informationen eines Auftrags einsehen
                    wollen, klicken Sie bitte auf die entsprechende Zeile bzw. Auftragsnummer. Aufträge mit
                    Auffälligkeiten werden orange dargestellt.<br><br>

                    * 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.<br><br>

                    ** Dieser Fertigungsauftrag ist einer Rahmenvereinbarung zugeordnet.
                    Daher sind die angezeigten Informationen möglicherweise nicht aktuell/korrekt. Wenn Sie den
                    Status einzelner Rahmenabrufe
                    einsehen möchten, wählen Sie bitte den entsprechenden Auftrag (vom Rahmenabruf) in der
                    Übersicht aus.
                </p>

            </div>
            <!--./First column-->
        </div>
        <!--/.Third 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 %}