{% extends 'base.html.twig' %}
{% block title %}List Supplier{% endblock %}
{% block body %}
    <div class="element-main-container">
        <div class="top-menu-container">
            {% set name = 'dostawcy'|upper %}
            {{ include('nav/top_menu/top_menu.html.twig') }}
        </div>
        <div class="horizontal-container-supplier-list">
            <div class="search-panel-supplier-list">
                <input type="text" class="search-input-supplier" name="supplier_search" placeholder="Wyszukaj">
                <span class="search-icon-supplier-list"></span>
                <div class="btn-container-supplier-list">
                    <button id="add-supplier-btn" class="add-new-supplier-btn"><a>Dodaj dostawcę</a></button>
                </div>
            </div>
        </div>
        <div class="container-supplier-list">
            <div class="grid-columns-supplier-list">
                <div class="supplier-column-name"><p>Nazwa</p><span class="supplier-column-name-span"></span></div>
                <div class="supplier-column-nip"><p>NIP</p><span class="supplier-column-nip-span"></span></div>
                <div class="supplier-column-country"><p>Kraj</p><span class="supplier-column-country-span"></span></div>
                <div class="supplier-column-city"><p>Miasto</p><span class="supplier-column-city-span"></span></div>
                <div class="supplier-column-street"><p>Ulica</p><span class="supplier-column-street-span"></span></div>
                <div class="supplier-column-post-code"><p>Kod Pocztowy</p><span class="supplier-column-post-code-span"></span></div>
                <div class="supplier-column-phone"><p>Telefon</p><span class="supplier-column-phone-span"></span></div>
                <div class="supplier-column-fax"><p>FAX</p><span class="supplier-column-fax-span"></span></div>
                <div class="supplier-column-actions"><p>Akcje</p></div>
            </div>
            <div class="grid-rows-supplier-list">
                {% for i in 0..5 %}
                <div class="supplier-row-name"><p>{{ 'Lorom Ipsum Dolor' }}</p></div>
                <div class="supplier-row-nip"><p>{{ '8788245621' }}</p></div>
                <div class="supplier-row-country"><p>{{ 'Polska' }}</p></div>
                <div class="supplier-row-city"><p>{{ 'Wrocław' }}</p></div>
                <div class="supplier-row-street"><p>{{ 'Ibn St.Awicenny' }}</p></div>
                <div class="supplier-row-post-code"><p>{{ '52-300' }}</p></div>
                <div class="supplier-row-phone"><p>{{ '77-700-22-30' }}</p></div>
                <div class="supplier-row-fax"><p>{{ '77-700-22-30' }}</p></div>
                <div class="supplier-row-actions">
                    <div class="submenu-drop-down-supplier-list"></div>
                    <div class="dropdown-content-supplier-list">
                        <a href="" class="edit-supplier-details">Szczegóły<span class="dropdown-content-supplier-list-arrow-right"><i class="fas fa-chevron-right"></i></span></a>
                        <a href="" class="list-supplier-edit">Edytuj<span class="dropdown-content-supplier-list-arrow-right"><i class="fas fa-chevron-right"></i></span></a>
                        <a href="" class="list-supplier-delete">Usuń<span class="dropdown-content-supplier-list-arrow-right"><i class="fas fa-chevron-right"></i></span></a>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}