{% extends 'base.html.twig' %}
{% block title %}Suborder Details{% endblock %}
{% block body %}
    {% set subName = 'szczegóły'|upper %}
    <div class="element-main-container">
        <div class="top-menu-container">
            {% set name = 'podzlecenia'|upper %}
            {{ include('nav/top_menu/top_menu.html.twig') }}
        </div>
        <div class="sub-menu">
            <div class="text-header">
                <div class="pos-top-10">
                    <p>Podzlecenie: {{ suborder.suborderNumber }}</p>
                </div>
            </div>
            <div class="sub-menu-text">
                <div>
                    <a href="{{ path('sub_order_edit', {id: suborder.id}) }}" class="details-list-btn-a">
                        <button class="details-list-btn">Edytuj</button>
                    </a>
                    {% if suborder.isCreatedInvoice == false %}
                        <a href="{{ path('suborder_payment_for_invoice', {id: suborder.id, fv: true}) }}" class="details-list-btn-a">
                            <span class="details-list-btn unpaid-border">FV podwykonawcy</span>
                        </a>
                    {% else %}
                        <a href="{{ path('suborder_payment_for_invoice', {id: suborder.id}) }}" class="details-list-btn-a">
                            <span class="details-list-btn paid-border">FV podwykonawcy</span>
                        </a>
                    {% endif %}
                    <a href="#" class="details-list-btn-a">
                        <span class="details-list-btn">Historia edycji</span>
                    </a>
                    <a href="{{ path('suborder_details_generate_pdf', {id: suborder.id}) }}" class="details-list-btn-a">
                        <span class="details-list-btn">Podzlecenie w PDF</span>
                    </a>
                    <button class="blue-btn" id="suborder-invoice-send" value="{{ suborder.id }}">
                        <a>Wystaw fakturę</a>
                    </button>
                </div>
            </div>
        </div>
        {% if (suborder is not empty) %}
            <div class="wrapper-suborder-details">
                <div class="suborder-horizontal-menu-container" >
                    <nav class="o_h_menu">
                        <ul class="o_h_menu_url">
                            {% if suborders is not empty %}
                                <li><a href="{{ path('order_details', {id: suborder.order.id}) }}"><p>ZLECENIE</p></a></li>
                                {% for suborder in suborders %}
                                    {% if suborder.statusId == 2 %}
                                        <li data-id="{{ suborder.id }}">
                                            <a href="{{ path('suborder_details', {id: suborder.id}) }}">
                                                <p>{{ suborder.suborderNumber }}</p>
                                            </a>
                                        </li>
                                    {% endif %}
                                {% endfor %}
                                <li><a href="{{ path('order_documents', {id: suborder.order.id}) }}"><p>DOKUMENTY</p> </a></li>
                                <li><a href="{{ path('order_invoices', {id: suborder.order.id}) }}"><p>FAKTURY</p></a></li>
                            {% endif %}
                        </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">
                            {{ suborder.createdAt|date("Y-m-d") }}
                        </div>
                    </div>
                    <div class="order-details-label">
                        <div class="order-details-block">
                            Przewoźnik
                        </div>
                    </div>
                    <div class="order-details-text">
                        <div class="order-details-block">
                            {{ suborder.carrier.shortName }}
                        </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">
                            {% if suborder.carrierContactPerson != '' %}
                                {% set carrierContactPerson = suborder.carrierContactPerson.firstName ~ ' ' ~ suborder.carrierContactPerson.lastName %}
                                {% if suborder.carrierContactPerson.firstName != '' and suborder.carrierContactPerson.lastName != '' and suborder.carrierContactPerson.email != '' and suborder.carrierContactPerson.phone != '' and suborder.carrierContactPerson.communicator != '' %}
                                    {{ carrierContactPerson }}, {{ suborder.carrierContactPerson.email }}, {{ suborder.carrierContactPerson.phone }}{% if suborder.carrierContactPerson.communicator != '' %}, {{ suborder.carrierContactPerson.communicator }} {% endif %}
                                {% elseif suborder.carrierContactPerson.firstName != '' and suborder.carrierContactPerson.lastName != '' and suborder.carrierContactPerson.email != '' %}
                                    {{ carrierContactPerson }}, {{ suborder.carrierContactPerson.email }}{% if suborder.carrierContactPerson.communicator != '' %}, {{ suborder.carrierContactPerson.communicator }} {% endif %}
                                {% elseif suborder.carrierContactPerson.firstName != '' and suborder.carrierContactPerson.lastName != '' and suborder.carrierContactPerson.phone != '' %}
                                    {{ carrierContactPerson }}, {{ suborder.carrierContactPerson.phone }}{% if suborder.carrierContactPerson.communicator != '' %}, {{ suborder.carrierContactPerson.communicator }} {% endif %}
                                {% endif %}
                            {% 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ść podzlecenia
                        </div>
                    </div>
                    <div class="order-details-text">
                        <div class="order-details-block">
                            <strong>{{ suborder.priceNet }} {{ suborder.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">
                            {{ suborder.order.margin }} {{ suborder.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 == suborder.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">
                            {{ sumSuborders }} {{ suborder.order.currencyOrder.isoCode }}
                        </div>
                    </div>
                    <div class="order-details-label">
                        <div class="order-details-block">
                            Przyznajemy max pkt.
                        </div>
                    </div>
                    <div class="order-details-text">
                        <div class="order-details-block">
                            Brak informacji
                        </div>
                    </div>
                    <div class="order-details-label">
                        <div class="order-details-block">
                            Punkty za zlecenie
                        </div>
                    </div>
                    <div class="order-details-text">
                        <div class="order-details-block">
                            {% if suborder.order.benefits is not null %}
                                {% if suborder.order.benefits.statusId == 2 %}
                                    {{ suborder.order.benefits.pointsGross }}
                                {% else %}
                                    {{ 'Brak informacji' }}
                                {% endif%}
                            {% else %}
                               {{ 'Brak informacji' }}
                            {% endif %}
                        </div>
                    </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 suborder.classification == null %}
                                {% set classification = 'Brak informacji' %}
                            {% else %}
                                {% set classification = suborder.classification %}
                            {% endif %}

                            {{ classification }}
                        </div>
                    </div>
                    <div class="order-details-label">
                        <div class="order-details-block">
                            Faktura VAT podwykonawcy
                        </div>
                    </div>
                    <div class="order-details-text">
                        <div class="order-details-block">
                            {% if suborder.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 suborder.clientIdNumber == null %}
                                {% set clientIdNumber = 'Brak informacji' %}
                            {% else %}
                                {% set clientIdNumber = suborder.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">
                            {{ suborder.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">
                            {{ suborder.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">
                            {{ suborder.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 suborder.driverContact == null %}
                                {% set driverContact = 'Brak informacji' %}
                            {% else %}
                                {% set driverContact = suborder.driverContact %}
                            {% endif %}

                            {{ driverContact }}
                        </div>
                    </div>
                    <div class="order-details-label">
                        <div class="order-details-block">
                            Spedytor
                        </div>
                    </div>
                    <div class="order-details-text">
                        <div class="order-details-block">
                            {{ suborder.order.user.firstName }} {{ suborder.order.user.lastName }}
                        </div>
                    </div>
                </div>

            </div>
        {% endif %}
    </div>
    <script>
        const horizontalMenu = document.querySelector('.suborder-horizontal-menu-container');
        const detailsBtn = document.querySelector('.details');
        let url = new URL(window.location.href);
        let IdSuborder = url.pathname.slice(10).split("/")[0];
        const listNavBarBookmarks  = document.querySelectorAll(".o_h_menu_url li");
        
        listNavBarBookmarks.forEach(function(item) {
            if (item.innerText.includes('PL') === true) {
                if (item.dataset.id == IdSuborder) {
                    item.classList = 'details-active';
                }
            }
        });

        if (horizontalMenu.dataset.section == 'SZCZEGÓŁY') {
            detailsBtn.classList = "details-active";
        }
    </script>
{% endblock %}