{% extends 'base.html.twig' %}
{% block title %}Dokumenty zlecenia{% endblock %}
{% block body %}
    {% set subName = 'szczegóły'|upper %}
    <div class="element-main-container">
        <div class="top-menu-container">
            {% set name = 'zamówenia'|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>
                    <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="send-invoice-now" 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><a href="{{ path('order_details', {id: order.id}) }}"><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 class="details-active"><a href="#"><p>DOKUMENTY</p> </a></li>
                        <li><a href="{{ path('order_invoices', {id: order.id}) }}"><p>FAKTURY</p></a></li>
                    </ul>
                </nav>
            </div>
            <div id="app" class="order-documents">
                <order-documents :order_id="{{ order.id }}"></order-documents>
            </div>
        </div>
    </div>
{% endblock %}