{% trans_default_domain 'admin' %}

<div class="row page-titles">

    <div class="col-2 col-md-6 my-auto">
        <a class="nav-link sidebartoggler float-left waves-effect waves-dark mr-3"
           href="javascript:void(0)"><i class="fas fa-bars"></i></a>
        <h4 class="font-weight-bolder float-left d-none d-md-inline-block">
            {% block pageTitle %}
                {% set title = pageTitle ? pageTitle : "Agence Félix CMS"|trans %}
                {{ title|striptags|truncate(35)|raw }}
            {% endblock %}
        </h4>
    </div>

    <div class="right-side col-10 offset-md-0 col-md-6 my-auto text-right">
        <ul class="navbar-nav float-right">

            {% if logAlert() and is_granted('ROLE_INTERNAL') %}
                <li class="nav-item item-icon-wrap waves-effect waves-dark d-none d-md-inline">
                    <a href="{{ path('admin_logs') }}" class="nav-link btn btn-dark" data-toggle="tooltip" title="{{ "Afficher les logs"|trans|striptags }}">
                        <div class="item-icon"><i class="fal fa-bug"></i></div>
                        <div class="notify"> <span class="heartbit"></span> <span class="point"></span> </div>
                    </a>
                </li>
            {% endif %}

            {% set isAllowedToSwitch = is_granted('ROLE_ALLOWED_TO_SWITCH') or is_granted('ROLE_INTERNAL') %}
            {% if isAllowedToSwitch and not is_granted('ROLE_PREVIOUS_ADMIN') and not is_granted('ROLE_CUSTOMERS_ONLY') %}
                <li id="users-switcher-btn" class="nav-item item-icon-wrap waves-effect waves-dark d-none d-md-inline" data-type="admin" data-toggle="tooltip" title="{{ "Afficher le commutateur d'utilsateurs"|trans|striptags }}">
                    <a class="nav-link btn btn-info">
                        <div class="item-icon"><i class="fal fa-user-astronaut"></i></div>
                    </a>
                </li>
            {% elseif is_granted('ROLE_PREVIOUS_ADMIN') %}
                <li class="nav-item item-icon-wrap waves-effect waves-dark d-none d-md-inline" data-toggle="tooltip" title="{{ "Reconnectez-vous en tant qu'administrateur"|trans|striptags }}">
                    <a href="{{ path('admin_dashboard', {'website': websiteId(), '_switch_user': '_exit'}) }}" class="nav-link btn btn-info">
                        <div class="item-icon"><i class="fal fa-power-off"></i></div>
                    </a>
                </li>
            {% endif %}

            <li class="nav-item dropdown d-none d-md-inline">
                <a class="nav-link dropdown-toggle waves-effect waves-dark p-0"
                   href=""
                   data-toggle="dropdown"
                   aria-haspopup="true"
                   aria-expanded="false">
                    {% set avatar = app.user.avatar %}
                    {% if 'http' in avatar %}
                        <img src="{{ avatar }}"
                             alt="{{ app.user.firstName ~ ' ' ~ app.user.lastName }}"
                             title="{{ app.user.firstName ~ ' ' ~ app.user.lastName }}"
                             data-toggle="tooltip" width="30" height="30" />
                    {% else %}
                        <span class="bg-info text-white d-inline-block avatar text-center">{% if avatar %}{{ avatar }}{% else %}?{% endif %}</span>
                    {% endif %}
                    <i class="fas fa-sort-down"></i>
                </a>
                <div class="dropdown-menu">
                    <a href="{{ path('admin_user_profile', {'website': websiteId()}) }}" class="dropdown-item" data-toggle="preloader">
                        <i class="fas fa-user mr-2"></i>{{ "Mon profil"|trans }}
                    </a>
                    <a href="{{ path('security_logout') }}" class="dropdown-item text-danger" data-toggle="preloader">
                        <i class="fas fa-power-off text-danger mr-2"></i>{{ "Déconnexion"|trans }}
                    </a>
                </div>
            </li>

            {% if is_granted('ROLE_INTERNAL') %}
                <li class="nav-item item-icon-wrap">
                    <a class="nav-link btn btn-transparent waves-effect waves-dark right-side-toggle text-dark" href="javascript:void(0)"><i class="fal fa-cog"></i></a>
                </li>
            {% endif %}

        </ul>
    </div>

</div>