{% extends 'base.html.twig' %}
{% block title %}Carrier Details{% endblock %}
{% block body %}
{% set subName = 'szczegóły'|upper %}
<div class="element-main-container">
    <div class="top-menu-container">
        {% set name = 'przewoźnicy'|upper %}
        {{ include('nav/top_menu/top_menu.html.twig') }}
    </div>
    <div class="under-top-menu-container">
        <div class="text-header">
            <div class="pos-top-35 pos-left-30">
                <p>Szczegóły Przewoźnika</p>
            </div>
        </div>
        <div class="under-top-menu-buttons-container">
            <div classs="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="wrapper-carrier-details">
        <div class="horizontal-menu-container" data-section="{{ subName }}">
            {{ include('carrier/horizontal_menu/horizontal_menu.html.twig') }}
        </div>
    <div class="left-container">
        <div class="carrier-details-subtitle">
            <p class="carrier-details-subtitle-p-text">Dane Przewoźnika</p>
        </div>
        <div class="form-group">
            <label class="label-form"><b>NIP</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.company.nip }}" required disabled>
            </div>
        </div>
        <div class="form-group">
            <label class="label-form"><b>Pełna nazwa</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.name }}" required disabled>
            </div>
        </div>

        <div class="form-group">
            <label class="label-form"><b>Nazwa wyświetlana</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.shortName }}" required disabled>
            </div>
        </div>
        <div class="form-group">
            <label class="label-form"><b>Kraj</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.company.country.name }}" required disabled>
            </div>
        </div>
        {#<div class="form-group">
            <label class="label-form"><b>Czy założono alert</b></label>
            <div class="input-container-w50">
                <input type="text" class="carrier_field_49" value="NIE" required disabled>
            </div>
            <div class="link-container">
                <a href="#" class="link-container-a">Załóż alert</a>
            </div>
        </div>#}
        {% if carrier.company.flatNumber != '' %}
            <div class="form-group">
                <label class="label-form"><b>Adres siedziby</b></label>
                <div class="input-container">
                    <input type="text" class="carrier_field" name="" value="{{ "#{carrier.company.city} #{carrier.company.postalCode} #{carrier.company.street} #{carrier.company.buildNumber}/#{carrier.company.flatNumber}" | title }}" required disabled>
                </div>
            </div>
        {% else %}
            <div class="form-group">
                <label class="label-form"><b>Adres siedziby</b></label>
                <div class="input-container">
                    <input type="text" class="carrier_field" name="" value="{{ "#{carrier.company.city} #{carrier.company.postalCode} #{carrier.company.street} #{carrier.company.buildNumber}" | title }}" required disabled>
                </div>
            </div>
        {% endif %}
        {#<div class="form-group">
            <label class="label-form"><b>Adres GUS</b></label>
            <div class="container-download-gus-link">
                <a href="#" class="link-container-a">Pobierz dane z GUS</a>
            </div>
        </div>#}
        <div class="form-group">
            <label class="label-form"><b>Termin płatności</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.dueDate }}" required disabled>
            </div>
        </div>
    </div>
    <div class="right-container">
        <div class="form-group">
            <label class="label-form"><b>Adres www</b></label>
            <div class="input-container-mt2">
                <input type="text" class="carrier_field" name="" value="{{ carrier.www }}" required disabled>
            </div>
        </div>
        <div class="form-group">
            <label class="label-form"><b>Adres e-mail</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.email }}" required disabled>
            </div>
        </div>
        <div class="form-group">
            <label class="label-form"><b>Telefon</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.phoneNumber }}" required disabled>
            </div>
        </div>
        <div class="form-group">
            <label class="label-form"><b>Telefon zastępczy</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.secondPhoneNumber }}" required disabled>
            </div>
        </div>
        <div class="form-group">
            <label class="label-form"><b>Fax</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="{{ carrier.fax }}" required disabled>
            </div>
        </div>
        <div class="form-group">
            <label class="label-form"><b>Opis i uwagi</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field"  value="{{ carrier.comments }}" required disabled>
            </div>
        </div>
        {#<div class="form-group">
            <label class="label-form-top-12"><b>Numery kont bankowych</b></label>
            <div class="input-container">
                <input type="text" class="carrier_field" name="" value="" required disabled>
            </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";
        }

        document.getElementById("remove-carrier").addEventListener('click', function (e) {
            if (window.confirm("Czy usunąć przewoźnika?")) {
            } else {
                e.preventDefault();
            }
        });
    </script>
{% endblock %}