{% extends 'base.html.twig' %}

{% block body %}
    <nav class="navbar navbar-expand-md py-1 px-0 bg-gray-800 border-bottom border-body navbar-dark navbar-theme-primary"
         data-bs-theme="dark">
        <div class="container-fluid">
            <a href="{{ path('customer_home') }}" class="navbar-brand">
                <span class="brand"><b>Noctu</b>Vision</span>
            </a>

            <div class="dropdown">
                <button class="navbar-toggler dropdown-toggle  d-md-none" type="button" data-bs-toggle="dropdown"
                        aria-expanded="false">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                        <h6 class="dropdown-header">
                            <svg class="icon icon-xxs me-1" data-slot="icon" fill="currentColor" viewBox="0 0 16 16"
                                 xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z"></path>
                            </svg>
                            <b>{{ app.user.username }}</b>
                        </h6>
                    </li>
                    <li>
                        <hr class="dropdown-divider">
                    </li>
                    <li>
                        <a href="{{ path('app_profile_edit') }}" title="Settings" class="dropdown-item">
                            <svg class="icon icon-sm" fill="currentColor" viewBox="0 0 20 20"
                                 xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd"
                                      d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z"
                                      clip-rule="evenodd"></path>
                            </svg>
                            Settings
                        </a>
                    </li>

                    {% if app.user.filesCount > 0 %}
                        <li>
                            <a href="{{ path('partnerarea_files_index') }}" title="Files" class="dropdown-item">
                                <svg class="icon icon-sm" fill="currentColor" viewBox="0 0 20 20"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"></path>
                                </svg>
                                Files ({{ app.user.filesCount }}
                            </a>
                        </li>
                    {% endif %}
                    <li>
                        <a href="{{ path('app_logout') }}" title="Log Out"
                           class="dropdown-item"
                           onclick="return confirm('Are you sure you want to log out?')"
                        >
                            <svg class="icon icon-sm" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                 xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                      d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path>
                            </svg>
                            Log Out
                        </a>
                    </li>
                </ul>
            </div>

            <div class="d-none d-md-flex bg-gray-800" id="navbarToggler">
                <ul class="navbar-nav ms-auto mb-0 align-items-center">
                    <li class="nav-item navbar-text">
                        <svg class="icon icon-xxs me-1" data-slot="icon" fill="currentColor" viewBox="0 0 16 16"
                             xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                            <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z"></path>
                        </svg>
                        <b>{{ app.user.username }}</b>
                    </li>
                    <li class="nav-item ms-2">
                        <a href="{{ path('app_profile_edit') }}" title="Settings" class="nav-link py-1 px-0 px-lg-2">
                            <svg class="icon icon-sm" fill="currentColor" viewBox="0 0 20 20"
                                 xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd"
                                      d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z"
                                      clip-rule="evenodd"></path>
                            </svg>
                        </a>
                    </li>
                    {% if app.user.filesCount > 0 %}
                        <li class="nav-item">
                            <a href="{{ path('partnerarea_files_index') }}" title="Files"
                               class="nav-link py-1 px-0 px-lg-2">
                                <svg class="icon icon-xs" fill="currentColor" viewBox="0 0 20 20"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"></path>
                                </svg>
                                <span class="badge text-bg-success"
                                      style="min-width: 20px;">{{ app.user.filesCount }}</span>
                            </a>
                        </li>
                    {% endif %}
                    <li class="nav-item ms-2">
                        <a href="{{ path('app_logout') }}" title="Log Out"
                           class="btn btn-outline-secondary py-1 px-2"
                           onclick="return confirm('Are you sure you want to log out?')"
                        >
                            <svg class="icon icon-xs" fill="none" stroke="currentColor" viewBox="0 0 24 24"
                                 xmlns="http://www.w3.org/2000/svg">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                      d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path>
                            </svg>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </nav>

    <main class="container-fluid mt-3 my-md-4">

        {% set route = app.request.attributes.get('_route') %}
        {% if route != 'partnerarea_inventory_index' %}
            <div class="d-flex justify-content-center mb-2">
                <a href="{{ path('customer_home') }}" class="btn btn-outline-gray-500 mt-2 animate-up-2">
                    Back to dashboard
                </a>
            </div>
        {% endif %}

        {% block content %}{% endblock %}

        {{ include('//layout/_notifications.html.twig') }}

    </main>
{% endblock %}