{% 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, die bereits als abgeschlossen gekennzeichnet wurden.</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 abgeschlossenen
                    Aufträ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>Abgeschlossen am</strong></h6></th>
                    </tr>
                    </thead>
                    <tbody>

                    {% for order in orders %}
                        <!-- lockState(0) = Normal
                             lockState(1) = Gesperrt
                             lockState(2) = Abgeschlossen
                        -->
                        {% if order.lockState == 2 %}
                            <tr onclick="window.location.href='{{ path('viewOrderInfo', {'id': order.id}) }}'">
                                <td><a href="{{ path('viewOrderInfo', {'id': order.id}) }}">
                                        <u>{{ order.generalOrderNumber }}{% if order.contractKind is defined and order.contractKind == "Rahmenvereinbarung" %} **{% endif %}</u></a>
                                </td>
                                <td>{{ order.name }}</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>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>

                <br>
                <p><strong>Hinweis:</strong> Diese Tabelle beinhaltet ausschließlich abgeschlossene Aufträge über einen
                    bestimmten Zeitraum hinweg. Wenn Sie sämtliche Informationen eines Auftrags einsehen wollen,
                    klicken Sie bitte auf die entsprechende Zeile bzw. Auftragsnummer.<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>
        <!--/.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 %}