{% extends 'base.html.twig' %}
{% block title %}Order Details{% endblock %}
{% block body %}
    {% set subName = 'szczegóły'|upper %}

    <div class="element-main-container">
        <div class="top-menu-container">
            {% set name = 'Zlecenia'|upper %}
            {{ include('nav/top_menu/top_menu.html.twig') }}
        </div>
        <div class="sub-menu">
            <div class="text-header">
                <div class="pos-top-10">
                    <p>Szczegóły zlecenia: {{ order.orderNumber }}</p>
                </div>
            </div>
            <div class="sub-menu-text">
                <div>
                    <a href="{{ path('order_edit', {id: order.id}) }}" class="details-list-btn-a">
                        <span class="details-list-btn">Edytuj</span>
                    </a>
                    {% if order.isCreatedInvoice == false %}
                        <a href="{{ path('order_payment_for_invoice', {id: order.id, fv: true}) }}" class="details-list-btn-a">
                            <span class="details-list-btn unpaid-border">Faktura VAT</span>
                        </a>
                    {% else %}
                        <a href="{{ path('order_payment_for_invoice', {id: order.id}) }}" class="details-list-btn-a">
                            <span class="details-list-btn paid-border">Faktura VAT</span>
                        </a>
                    {% endif %}
                    <a href="{{ path('sub_order_new', {id: order.id}) }}" class="details-list-btn-a">
                        <span class="details-list-btn">Dodaj nowe podzlecenie</span>
                    </a>
                    <a href="{{ path('order_details_generate_pdf', {id: order.id}) }}" class="details-list-btn-a">
                        <span class="details-list-btn">Zlecenie w PDF</span>
                    </a>
                    <button class="o_rtf_invoice" id="{% if order.isCreatedInvoice %}send-invoice-alert{% else %}send-invoice-now{% endif %}" value="{{ order.id }}">
                        Wystaw fakturę
                    </button>
                </div>
            </div>
        </div>
        <div class="od_wrapper">
            <div class="od_horizontal_menu" data-section="{{ subName }}">
                <nav class="o_h_menu">
                    <ul class="o_h_menu_url">
                        <li class="details-active"><a href="#"><p>ZLECENIE</p></a></li>
                            {% for suborder in order.subOrders %}
                                {% if suborder.statusId == 2 %}
                                    <li class="">
                                        <a href="{{ path('suborder_details', {id: suborder.id}) }}"><p>{{ suborder.suborderNumber }}</p></a>
                                    </li>
                                {% endif %}
                            {% endfor %}
                        <li><a href="{{ path('order_documents', {id: order.id}) }}"><p>DOKUMENTY</p> </a></li>
                        <li><a href="{{ path('order_invoices', {id: order.id}) }}"><p>FAKTURY</p></a></li>
                    </ul>
                </nav>
            </div>




            <div class="order-details">
                <div class="order-details-label">
                    <div class="order-details-block">
                        Status
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {{ status.name }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Data wystawienia
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {{ order.createdAt|date("Y-m-d") }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Klient
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {{ client.company.fullName }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Osoba kontaktowa
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% set contactPersonName = "#{contact.firstName}  #{contact.lastName}" %}
                        {% if contact.firstName != '' and contact.lastName != '' and contact.email != '' and contact.phone != '' %}
                             {{ contactPersonName }}, {{ contact.email }}, {{ contact.phone }}
                        {% elseif contact.firstName != '' and contact.lastName != '' and contact.email != '' %}
                             {{ contactPersonName }}, {{ contact.email }}
                        {% elseif contact.firstName != '' and contact.lastName != '' and contact.phone != '' %}
                             {{ contactPersonName }}, {{ contact.phone }}
                        {% elseif contact.firstName != '' and contact.lastName != '' %}
                             {{ contactPersonName }}
                        {% else %}
                             {{ 'Brak informacji' }}
                        {% endif %}

                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Załadunek
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% if (loading is not empty) %}
                            {% for singleLoading in loading %}
                                {% if (loop.last) %}
                                    {{ singleLoading.getComments }}
                                    {% if singleLoading.getComments != '' %}
                                        ,
                                    {% endif %}
                                    {% if singleLoading.getBeforeTime == false %}
                                        {% if singleLoading.getTimeFrom != '' and singleLoading.getTimeTo != '' %}
                                            W dniu {{ singleLoading.getDate()|date('Y-m-d') }} / {{ singleLoading.getTimeFrom }} - {{ singleLoading.getTimeTo }},
                                        {% else %}
                                            W dniu {{ singleLoading.getDate()|date('Y-m-d') }},
                                        {% endif %}
                                    {% else %}
                                        {% if singleLoading.getTimeFrom != '' and singleLoading.getTimeTo != '' %}
                                            Do {{ singleLoading.getDate()|date('Y-m-d') }} / {{ singleLoading.getTimeFrom }} - {{ singleLoading.getTimeTo }},
                                        {% else %}
                                            Do {{ singleLoading.getDate()|date('Y-m-d') }},
                                        {% endif %}
                                    {% endif %}
                                    {{ singleLoading.description }}
                                    {{ singleLoading.street }} {{ singleLoading.buildNumber }}, {{ singleLoading.postalCode }} {{ singleLoading.city }}
                                    {{ singleLoading.country.name }}
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Rozładunek
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% if (unloading is not empty) %}
                            {% for index, singleUnloading in unloading %}
                                {% if (loop.last) %}
                                    {{ singleUnloading.getComments }}
                                    {% if singleUnloading.getComments != '' %}
                                        ,
                                    {% endif %}

                                    {% if singleUnloading.getBeforeTime == false %}
                                        {% if singleUnloading.getTimeFrom != '' and singleUnloading.getTimeTo != '' %}
                                            W dniu {{ singleUnloading.getDate()|date('Y-m-d') }} / {{ singleUnloading.getTimeFrom }} - {{ singleUnloading.getTimeTo }},
                                        {% else %}
                                            W dniu {{ singleUnloading.getDate()|date('Y-m-d') }},
                                        {% endif %}
                                    {% else %}
                                        {% if singleUnloading.getTimeFrom != '' and singleUnloading.getTimeTo != '' %}
                                            Do {{ singleUnloading.getDate()|date('Y-m-d') }} / {{ singleUnloading.getTimeFrom }} - {{ singleUnloading.getTimeTo }},
                                        {% else %}
                                            Do {{ singleUnloading.getDate()|date('Y-m-d') }},
                                        {% endif %}
                                    {% endif %}
                                    {{ singleUnloading.description }}
                                    {{ singleUnloading.street }} {{ singleUnloading.buildNumber }}, {{ singleUnloading.postalCode }} {{ singleUnloading.city }}
                                    {{ singleUnloading.country.name }}
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Wartość zlecenia
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        <strong>{{ order.priceNet }} {{ order.currencyOrder.isoCode }}</strong>
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Marża
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {{ order.margin }} {{ order.currencyOrder.isoCode  }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Forma
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% for form in forms %}
                            {% if loop.index == order.form  %}
                                {{ form }}
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Wartość podzleceń (wal. zl.)
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        <strong>{{ sumSuborders }} {{ order.currencyOrder.isoCode }}</strong>
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Punkty za zlecenie
                    </div>
                </div>
                <div class="order-details-text">
                    {% if (clientContactPersonsBenefitByOrder is not empty) %}
                        {% set sumBenefitPoints = 0 %}
                        {% for clientContactPersonBenefitByOrder in clientContactPersonsBenefitByOrder %}
                            {% set sumBenefitPoints = sumBenefitPoints + clientContactPersonBenefitByOrder.pointsGross %}
                        {% endfor %}
                        <div class="order-details-block">
                            {% for clientContactPersonBenefitByOrder in clientContactPersonsBenefitByOrder %}
                                {% if clientContactPersonBenefitByOrder.statusId == 2 %}
                                    {{ sumBenefitPoints }}
                                {% else %}
                                    {{ 'Brak informacji' }}
                                {% endif %}
                            {% endfor %}
                        </div>
                    {% else %}
                        {% set benefitPoints = 'Brak informacji' %}
                        <div class="order-details-block">
                            {{ benefitPoints }}
                        </div>
                    {% endif %}
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Klasyfikacja
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% if order.classification == null %}
                            {% set classification = 'Brak informacji' %}
                        {% else %}
                            {% set classification = order.classification %}
                        {% endif %}

                        {{ classification }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Faktura VAT
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% if order.isCreatedInvoice == null %}
                            {% set isCreatedInvoice = 'Brak informacji' %}
                        {% else %}
                            {% set isCreatedInvoice = 'TAK' %}
                        {% endif %}

                        {{ isCreatedInvoice }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Numer zlecenia Klienta
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% if order.clientIdNumber == null %}
                            {% set clientIdNumber = 'Brak informacji' %}
                        {% else %}
                            {% set clientIdNumber = order.clientIdNumber %}
                        {% endif %}

                        {{ clientIdNumber }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Uwagi
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {{ order.comments }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Opis towaru
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {{ order.description }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Waga
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {{ order.weight }} KG
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Dane kierowcy
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
                        {% if order.driverContact == null %}
                            {% set driverContact = 'Brak informacji' %}
                        {% else %}
                            {% set driverContact = order.driverContact %}
                        {% endif %}

                        {{ driverContact }}
                    </div>
                </div>
                <div class="order-details-label">
                    <div class="order-details-block">
                        Spedytor/spedytorzy
                    </div>
                </div>
                <div class="order-details-text">
                    <div class="order-details-block">
<!--                        // TODO - wlaczyc - bo nie dziala menu !!-->
                        <div id="app">
                            <users
                                    selected-user-list="{{ orderUsers|json_encode() }}"
                                    order-id="{{order.id}}"
                            ></users>
{#                        {{ order.user.firstName }} {{ order.user.lastName }}#}
                        </div>
                    </div>
                </div>
            </div>
            </div>
        </div>

    <script>
        var horizontalMenu = document.querySelector('.horizontal-menu-container');
        var contactPerson = document.querySelector('.details');
        // if (horizontalMenu.dataset.section == 'SZCZEGÓŁY') {
        //     contactPerson.classList = "details-active";
        // }
    </script>

    <div id="invoice-modal" class="modal">
        <div class="modal-content-invoice">
            {{ include('order/invoice/modal.html.twig') }}
        </div>
    </div>

{% endblock %}