<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>{% block title %}{% endblock %}</title>
  {% block css %}
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
    <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('assets/css/admin.css') }}" rel="stylesheet"/>
  {% endblock %}
  <link rel="shortcut icon" href="{{ asset('assets/images/favicon.png') }}"/>
</head>
<body>
  <div class="row g-0 main-content">
    <div class="col main-menu">
      <nav class="navbar navbar-main navbar-expand-lg p-0">
        <div class="text-center main-menu__top">
          <a href="https://itworksbetter.net" title="IT Works Better" target="_blank"><img src="{{ asset('assets/images/logo.webp') }}" alt="IT Works Better" class="main-menu__top__logo"></a>
          <p class="small d-none d-lg-block m-0">Witaj {{ app.user.username }}! <a href="{{ path('app_logout') }}" title="Wyloguj">Wyloguj</a></p>
        </div>
        <button class="custom-toggler navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar" aria-label="Przełącz nawigację">
          <span class="custom-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
          <ul class="nav flex-column w-100">
            <li class="nav-item {% if app.request.attributes.get("_route")=='home' %}active{% endif %}">
              <a href="{{ path('home') }}" title="Strona główna" class="nav-link"><i class="fas fa-home"></i> Strona główna</a>
            </li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='product_list' or app.request.attributes.get("_route")=='product_add' or app.request.attributes.get("_route")=='product_edit' %}active{% endif %}">
              <a href="{{ path('product_list', {'marketplace': 'allegro-pl', 'archive': 'no'}) }}" title="Produkty" class="nav-link"><i class="fab fa-product-hunt"></i> Produkty</a>
            </li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='product_competition_list' %}active{% endif %}">
              <a href="{{ path('product_competition_list') }}" title="Konkurencja" class="nav-link"><i class="fas fa-chart-line"></i> Konkurencja</a>
            </li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='competition_search' %}active{% endif %}">
              <a href="{{ path('competition_search') }}" title="Wyszukaj konkurencję" class="nav-link"><i class="fas fa-search"></i> Szukaj konkurencję</a>
            </li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='account_index' %}active{% endif %}">
              <a href="{{ path('account_index') }}" title="Konto użytkownika" class="nav-link"><i class="fas fa-user-cog"></i> Konto użytkownika</a>
            </li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='logs_user' or app.request.attributes.get("_route")=='logs_reset_password' %}active{% endif %}">
							<a href="#" data-bs-toggle="collapse" data-bs-target="#submenu_logs" class="nav-link collapsed dropdown-toggle" title="Logi">
								<i class="fas fa-hdd"></i> Logi
							</a>
							<div class="collapse {% if app.request.attributes.get("_route")=='logs_user' or app.request.attributes.get("_route")=='logs_reset_password' or app.request.attributes.get("_route")=='logs_actions' %}show{% endif %}" id="submenu_logs">
								<ul class="nav flex-column">
									<li class="nav-item {% if app.request.attributes.get("_route")=='logs_actions' %}active{% endif %}"><a href="{{ path('logs_actions') }}" title="Logi akcji" class="nav-link">Akcje</a></li>
                  <li class="nav-item {% if app.request.attributes.get("_route")=='logs_user' %}active{% endif %}"><a href="{{ path('logs_user') }}" title="Logi logowania" class="nav-link">Użytkownicy</a></li>
                  <li class="nav-item {% if app.request.attributes.get("_route")=='logs_reset_password' %}active{% endif %}"><a href="{{ path('logs_reset_password') }}" title="Reset hasła" class="nav-link">Reset hasła</a></li>
								</ul>
							</div>
						</li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='static_page_list' or app.request.attributes.get("_route")=='static_pages_new' or app.request.attributes.get("_route")=='static_pages_edit' %}active{% endif %}">
              <a href="{{ path('static_page_list') }}" title="Strony statyczne" class="nav-link"><i class="fas fa-file-alt"></i> Strony statyczne</a>
            </li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='user_list' or app.request.attributes.get("_route")=='user_add' or app.request.attributes.get("_route")=='user_edit' %}active{% endif %}">
              <a href="{{ path('user_list') }}" title="Użytkownicy" class="nav-link"><i class="fas fa-user"></i> Użytkownicy</a>
            </li>
            <li class="nav-item {% if app.request.attributes.get("_route")=='settings' %}active{% endif %}">
              <a href="{{ path('settings') }}" title="Ustawienia" class="nav-link"><i class="fas fa-cog"></i> Ustawienia</a>
            </li>
            <li class="nav-item d-block d-lg-none">
              <a href="{{ path('app_logout') }}" title="Wyloguj się" class="nav-link"><i class="fas fa-sign-out-alt"></i> Wyloguj się</a>
            </li>
          </ul>
        </div>
      </nav>
    </div>
    <div class="col content-col">
      <div class="content">
        {% block content %}{% endblock %}
      </div>
    </div>
  </div>

  {% block js %}
    <script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
    <script src="{{ asset('assets/js/app.js') }}"></script>
  {% endblock %}
</body>
</html>
