{% extends '/adm/base_admin.html.twig' %}

{% block page_title %}Brandshow{% endblock %}
{% block page_subtitle %}Strona główna{% endblock %}
{% block body_options %}class='pace-top'{% endblock %}

{% block body %}


    <div class="d-flex flex-column flex-root">
        <!--Page-->
        <div class="page d-flex flex-row flex-column-fluid">


            <!--///////////Page sidebar begin///////////////-->
            <aside class="page-sidebar">
                <div class="h-100 flex-column d-flex" data-simplebar>

                    <!--Aside-logo-->
                    <div class="aside-logo p-3 position-relative">
                        <a href="index.html" class="d-block px-2">
                            <div class="d-flex align-items-center flex-no-wrap text-truncate">
                                <!--Sidebar-icon-->
                                <span class="sidebar-icon fs-5 lh-1 text-white rounded-circle bg-primary fw-bold"> 1 </span>
                                <span class="sidebar-text">
                    <!--Sidebar-text-->
                    <span class="sidebar-text text-truncate fs-4 fw-bolder">
                      Brandshow
                    </span>
                  </span>
                            </div>
                        </a>
                    </div>
                    <!--Aside-Menu-->
                    <div class="aside-menu px-2 my-auto flex-column-fluid">
                        <nav class="flex-grow-1 h-100" id="page-navbar">
                            <!--:Sidebar nav-->
                            <ul class="nav flex-column collapse-group collapse d-flex pt-4">
                                <li class="nav-item sidebar-title text-truncate opacity-50 small">
                                    <i class="bi bi-three-dots align-middle"></i>
                                    <span>Menu</span>
                                </li>

                                <li class="nav-item">
                                    <a href="{{ path('adm') }}"
                                       class="nav-link d-flex align-items-center text-truncate ">
                                        <span class="sidebar-icon">
                                            <i data-feather="home" class="fe-1x"></i>
                                        </span>
                                        <span class="sidebar-text">Panel</span>
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a href="{{ path('adm_slajder') }}"
                                       class="nav-link d-flex align-items-center text-truncate ">
                                        <span class="sidebar-icon">
                                            <i data-feather="image" class="fe-1x"></i>
                                        </span>
                                        <span class="sidebar-text">Slider</span>
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a href="{{ path('adm_event') }}"
                                       class="nav-link d-flex align-items-center text-truncate ">
                                        <span class="sidebar-icon">
                                            <i data-feather="key" class="fe-1x"></i>
                                        </span>
                                        <span class="sidebar-text">Event</span>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a href="{{ path('adm_licznik') }}"
                                       class="nav-link d-flex align-items-center text-truncate ">
                                        <span class="sidebar-icon">
                                            <i data-feather="refresh-cw" class="fe-1x"></i>
                                        </span>
                                        <span class="sidebar-text">Licznik</span>
                                    </a>
                                </li>

                                <li class="nav-item">
                                    <a href="{{ path('adm_klient') }}"
                                       class="nav-link d-flex align-items-center text-truncate ">
                                        <span class="sidebar-icon">
                                            <i data-feather="award" class="fe-1x"></i>
                                        </span>
                                        <span class="sidebar-text">Klienci</span>
                                    </a>
                                </li>

                            </ul>
                        </nav>
                    </div>

                </div>
            </aside>
            <!--///////////Page Sidebar End///////////////-->

            <!--///Sidebar close button for 991px or below devices///-->
            <div
                    class="sidebar-close d-lg-none">
                <a href="#"></a>
            </div>
            <!--///.Sidebar close end///-->


            <!--///////////Page content wrapper///////////////-->
            <main class="page-content d-flex flex-column flex-row-fluid">


                <!--//page-header//-->
                <header class="navbar py-0 page-header navbar-expand navbar-light px-4">
                    <a href="{{ path('adm') }}" class="navbar-brand d-block d-lg-none">
                        <div class="d-flex align-items-center flex-no-wrap text-truncate">
                            <!--Sidebar-icon-->
                            <span class="sidebar-icon bg-primary rounded-circle size-40 text-white">A</span>
                        </div>
                    </a>

                    <ul class="navbar-nav d-flex align-items-center h-100">
                        <li class="nav-item d-none d-lg-flex flex-column h-100 me-lg-2 align-items-center justify-content-center">
                            <a href="javascript:void(0)"
                               class="sidebar-trigger hover-bg-primary nav-link rounded-2 size-35 d-flex align-items-center justify-content-center p-0">
                                <i data-feather="arrow-left" class="fe-1x align-middle"></i>
                            </a>
                        </li>
                    </ul>

                    <ul class="navbar-nav ms-auto d-flex align-items-center h-100">

                        <li class="nav-item dropdown d-flex align-items-center justify-content-center flex-column h-100 me-lg-1">
                            <div class="switch_modes hover-bg-primary rounded-2">
                                <a href="#" class="mode_dark nav-link">
                                    <i data-feather="moon"></i>
                                </a>
                                <a href="#" class="mode_light nav-link">
                                    <i data-feather="sun"></i>
                                </a>
                            </div>
                        </li>

                        <li class="nav-item dropdown d-flex align-items-center justify-content-center flex-column h-100">
                            <a href="#"
                               class="nav-link dropdown-toggle rounded-pill p-1 lh-1 pe-1 pe-md-2 hover-bg-primary d-flex align-items-center justify-content-center"
                               aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="outside">
                                <div class="d-flex align-items-center">

                                    <!--Avatar with status-->
                                    <div class="avatar-status status-online me-sm-2 avatar xs">
                                        <img src="/admin/assets/media/avatars/01.jpg" class="rounded-circle img-fluid"
                                             alt="">
                                    </div>
                                    <span class="d-none d-md-inline-block">{{ app.user.imie }} {{ app.user.nazwisko }}</span>
                                </div>
                            </a>

                            <div class="dropdown-menu mt-0 p-0 dropdown-menu-end overflow-hidden">
                                <!--User meta-->
                                <div class="position-relative overflow-hidden px-3 pt-4 pb-9 bg-gradient-primary text-white">
                                    <!--Divider-->
                                    <svg style="transform: rotate(-180deg);" preserveAspectRatio="none"
                                         class="position-absolute start-0 bottom-0 w-100 dropdown-wave"
                                         fill="currentColor" height="24" viewBox="0 0 1200 120"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path
                                                d="M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0z"
                                                opacity=".25"/>
                                        <path
                                                d="M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0z"
                                                opacity=".5"/>
                                        <path
                                                d="M0 0v5.63C149.93 59 314.09 71.32 475.83 42.57c43-7.64 84.23-20.12 127.61-26.46 59-8.63 112.48 12.24 165.56 35.4C827.93 77.22 886 95.24 951.2 90c86.53-7 172.46-45.71 248.8-84.81V0z"/>
                                    </svg>
                                    <div class="position-relative">
                                        <h5 class="mb-1">{{ app.user.imie }} {{ app.user.nazwisko }}</h5>
                                        <p class="text-muted small mb-0 lh-1">{{ app.user.email }}</p>
                                    </div>
                                </div>
                                <div class="p-2">

                                    <hr class="mt-3 mb-1">
                                    <a href="{{ path('logout') }}" class="dropdown-item d-flex align-items-center">
                                        <i data-feather="log-out" class="fe-1x opacity-50 align-middle me-2"></i>
                                        Wyloguj
                                    </a>
                                </div>
                            </div>
                        </li>
                        <li
                                class="nav-item dropdown ms-1 ms-lg-3 d-flex d-lg-none align-items-center justify-content-center flex-column h-100">
                            <a href="javascript:void(0)"
                               class="nav-link sidebar-trigger-lg-down hover-bg-primary size-35 p-0 d-flex align-items-center justify-content-center rounded-2">
                                <i data-feather="menu" class="fe-2x"></i>
                            </a>
                        </li>
                    </ul>
                </header>
                <!--Main Header End-->


                <div class="content p-4 d-flex flex-column-fluid">
                    <div class="container-fluid px-0">
                        <div class="row">

                {% block content %}{% endblock %}

                        </div>
                    </div>
                </div>

                <!--//Page-footer//-->
                <footer class="pb-4">
                    <div class="container-fluid px-4">
                <span class="d-block lh-sm small text-muted text-end">&copy;
                  <script>
                    document.write(new Date().getFullYear())
                  </script>. Copyright Brandshow
                </span>
                    </div>
                </footer>
                <!--/.Page Footer End-->

            </main>
            <!--///////////Page content wrapper End///////////////-->
        </div>
    </div>

{% endblock %}