{% extends 'base.html.twig' %}
{% block title %}Carrier Details{% endblock %}
{% block body %}
    {% set subName = 'dokumenty'|upper %}
    <div class="top-menu-container">
        {% set name = 'przewoźnicy'|upper %}
        {{ include('nav/top_menu/top_menu.html.twig') }}
    </div>
    <main>
        <div class="sub-menu">
            <div class="text-header">
                <div class="pos-top-10">
                    <p>Dokumenty</p>
                </div>
            </div>
            <div class="sub-menu-text">
                <div class="details-btn-container">
                    <a href="/carrier/list" class="details-list-btn-a">
                        <button class="details-list-btn">Lista przewoźników</button>
                    </a>
                    <a href="{{ path('carrier_delete', {id: carrier.id}) }}" class="details-delete-btn-a">
                        <button id="remove-carrier" class="details-delete-btn">Usuń</button>
                    </a>
                </div>
            </div>
        </div>
        <div class="content-carrier-documents">
            <div class="horizontal-menu-container-new" data-section="{{ subName }}">
                {{ include('carrier/horizontal_menu/horizontal_menu.html.twig') }}
            </div>
            <div id="app">
                <documents :carrier_id="{{ carrier.id }}"></documents>
            </div>
        </div>
    </main>

    <script type="application/javascript">
        var horizontalMenu = document.querySelector('.horizontal-menu-container-new');
        var contactPerson = document.querySelector('.documents');
        if (horizontalMenu.dataset.section === 'DOKUMENTY') {
            contactPerson.classList = "details-active";
        }

        document.getElementById("remove-carrier").addEventListener('click', function (e) {
            if (window.confirm("Czy usunąć przewoźnika?")) {
            } else {
                e.preventDefault();
            }
        });
    </script>
    <link rel="stylesheet" type="text/css" href="/build/documents.css"/>

{% endblock %}