{% 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">Auftrag: {{ order.generalOrderNumber }}</h2>
                <hr>
                <p style="text-align:justify;">Auf dieser Seite werden alle verfügbaren Informationen für den
                    ausgewählten Auftrag
                    angezeigt. Darüber hinaus besteht die Möglichkeit, die Auftragshistorie (vorherige Statusänderungen)
                    einzusehen.</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-2">
            </div>

            <!--Second column-->
            <div class="col-lg-8">
                <!--Card-->
                <div class="card">
                    <!--Card content-->
                    <div class="card-body">
                        <dl class="row">
                            <dt class="col-sm-4">Produktname:</dt>
                            <dd class="col-sm-8">{{ order.name }}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd>

                            <!-- <dt class="col-sm-4">Kundenname:</dt>
                            <dd class="col-sm-8">{# {{ order.customer.name }} #}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd>

                            <dt class="col-sm-4">Kundenummer:</dt>
                            <dd class="col-sm-8">{# {{ order.customer.customerNumber }} #}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd> -->

                            <dt class="col-sm-4">Kunden-Bestellnummer:</dt>
                            <dd class="col-sm-8">{{ order.customerReferenceNr }}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd>

                            <dt class="col-sm-4">Auftragsmenge:</dt>
                            <dd class="col-sm-8">{{ order.orderQuantity }}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd>

                            <!-- Da Abrufe aus Rahmenaufträgen immer neue Auftragsnummern bekommen, müssen bei einem Rahmenauftrag
                             keine umfassenden Informationen angezeigt werden -->
                            {% if order.contractKind is defined and order.contractKind != "Rahmenvereinbarung" %}
                                <dt class="col-sm-4">Reparatur-/ Garantieauftrag:</dt>
                                <dd class="col-sm-8">{% if order.repairOrder is defined and order.repairOrder != '' %}Ja ({{ order.repairOrder }}){% else %}Nein{% endif %}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Bereits ausgeliefert:</dt>
                                <dd class="col-sm-8">{% if order.deliveredQuantity is defined and order.deliveredQuantity != '' %}{{ order.deliveredQuantity }}{% else %}0{% endif %}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Lieferscheinnummer:</dt>
                                <dd class="col-sm-8">{{ order.packingListNr }}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Geplanter Liefertermin:</dt>
                                <dd class="col-sm-8">{{ order.plannedShippingDate|date('d.m.Y') }}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Wunsch-Liefertermin:</dt>
                                <dd class="col-sm-8">{{ order.wishShippingDate|date('d.m.Y') }}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Versandart:</dt>
                                <dd class="col-sm-8">{{ order.shipmentMode }}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Sendungsverfolgungsnummer:</dt>
                                <dd class="col-sm-8">{{ order.shipmentTracking }}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Versand in folgenden ESD-Leihkartons von TECDESIGN:</dt>
                                <dd class="col-sm-8">{% if order.shipmentESDLoanBox is defined and order.shipmentESDLoanBox != '' %} {{ order.shipmentESDLoanBox }} {% else %}Information nicht verfügbar{% endif %}</dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>

                                <dt class="col-sm-4">Aktueller Auftragsstatus:</dt>
                                <dd class="col-sm-8">
                                    <!-- Nur bei Aufträgen im Zustand "normal" den Status anzeigen -->
                                    {% if order.lockState != 1 and order.getCurrentState.status is defined %}
                                        {{ order.currentStateAlias }}
                                        {# {{ order.getCurrentState.status.name }} #}
                                    {% else %}
                                        Keine Informationen verfügbar
                                    {% endif %}
                                </dd>
                                <dd class="col-sm-9 offset-sm-3"></dd>
                            {% endif %}

                            <dt class="col-sm-4">Interne Auftragsnummer (bei Rückfragen bitte angeben):
                            </dt>
                            <dd class="col-sm-8">{{ order.orderNumber }}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd>

                            <dt class="col-sm-4">Erstellt am:</dt>
                            <dd class="col-sm-8">{{ order.CreatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd>

                            <dt class="col-sm-4">Letzte Änderung:</dt>
                            <dd class="col-sm-8">{{ order.UpdatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</dd>
                            <dd class="col-sm-9 offset-sm-3"></dd>
                        </dl>
                        {% if order.lockState == 2 %}<br><p class="text-success"><strong>Der Auftrag wurde als
                                abgeschlossen gekennzeichnet!</strong></p>{% endif %}
                    </div>

                </div>
                <!--/.Card-->

                <br>
                {% if order.contractKind is defined %}
                    {% if order.contractKind == "Rahmenvereinbarung" %}
                        <p><strong>Hinweis:</strong> Da diese Auftragsnummer einer Rahmenvereinbarung zugeordnet ist,
                            werden nicht alle Informationen angezeigt. Wenn Sie den Status einzelner Rahmenabrufe
                            einsehen möchten, wählen Sie bitte den entsprechenden Auftrag (vom Rahmenabruf) in der
                            Übersicht aus.</p>
                    {% endif %}
                {% endif %}
            </div>
            <!--./Second column-->

            <!--Third column-->
            <div class="col-lg-2">
            </div>
            <!--./Third column-->
        </div>

        <!-- Da Abrufe aus Rahmenaufträgen immer neue Auftragsnummern bekommen, müssen bei einem Rahmenauftrag
 keine umfassenden Informationen angezeigt werden -->
        {% if order.contractKind is defined and order.contractKind != "Rahmenvereinbarung" %}
            <br><br>
            <!--Third row-->
            <div class="row">
                <!--First column-->
                <div class="col-lg-3">
                </div>
                <!--./First column-->

                <!--Second column-->
                <div class="col-lg-6">
                    <!-- Form: Edit Wish shipping date -->
                    <form method="POST" action="{{ path('sendWishShippingDateInquiry') }}">
                        <p class="h5 text-center mb-4">Neuen Wunschliefertermin anfragen</p>

                        <div class="form-group row">
                            <i class="fa fa-calendar prefix grey-text"></i>
                            <label for="inputWishShippingDate" class="col-6 col-form-label">Wunsch-Liefertermin</label>
                            <div class="col-10">
                                <input class="form-control" type="date" name="wish_shipping_date"
                                       value="{{ "now"|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}"
                                       id="inputWishShippingDate" required>
                            </div>
                        </div>

                        <input type="hidden" name="orderID" value="{{ order.id }}">

                        <div class="text-center">
                            <button href="" class="btn btn-primary" type="submit">Anfrage senden <i
                                        class="fa fa-envelope ml-1"></i>
                            </button>
                        </div>
                    </form>
                    <!-- Form: Edit account -->
                </div>
                <!--./Second column-->

                <!--Third column-->
                <div class="col-lg-3">
                </div>
                <!--./Third column-->
            </div>
            <!--/.Third row-->

            <!--/.Second row-->

            <hr class="extra-margins my-5">

            <!--Fourth row-->
            <div class="row">
                <!--First column-->
                <div class="col-lg-12">

                    <h4 class="mb-5">Produkthistorie</h4>

                    <table class="table table-striped table-bordered">
                        <thead class="blue-grey lighten-4">
                        <tr>
                            <th><h6><strong>Status</strong></h6></th>
                            <th><h6><strong>Status erreicht am</strong></h6></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for statuslink in sortedHistory %}
                            <tr>
                                <td>{{ statuslink.status.name }}</td>
                                <td>{{ statuslink.updatedAt|date('d.m.Y \\(H:i \\U\\h\\r\\)', "Europe/Berlin") }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    <br>

                    <div class="text-left">
                        <a href="{{ path('customerHome') }}" class="btn btn-primary"><i
                                    class="fa fa-arrow-left ml-1"></i>
                            Zur Auftragsübersicht</a>
                    </div>

                    <br>
                    <p><strong>Hinweis:</strong> Diese Tabelle beinhaltet alle zu diesem Auftrag verfügbaren
                        Statusänderungen.</p>
                </div>
                <!--./First column-->
            </div>
            <!--/.Fourth row-->
        {% endif %}
    </div>
{% endblock %}