{% set route = app.request.attributes.get('_route') %}

<!-- Sidebar - Brand -->
<div class="sidebar-brand d-flex" data-nav-element >
    <div class="logo-comitium" data-nav-element>
        <a href="{{ designer.cs_backend_url }}" title="Comitium" class="logo" data-nav-element></a>
    </div>
    <div class="nav-icon" data-nav-btn data-nav-element ></div>
</div>

<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-primary sidebar" id="accordionSidebar" data-nav-element >

    <!-- Divider -->
<!--    <hr class="sidebar-divider">-->

    <!-- Heading -->
    <div class="sidebar-heading" data-nav-element>
        {{ "designer_common.sidebar.look_feel"|trans }}
    </div>

    <!-- Nav Item - Plantilles -->
    <li class="nav-item{{ route == "designer_template_index" ? " active" : "" }}">
        <a class="nav-link" href="{{ url("designer_template_index") }}" data-nav-element >
            <i class="fas fa-fw fa-table"></i>
            <span class="c-sidebar__label" data-nav-element >{{ "designer_common.sidebar.menu_items.templates"|trans }}</span></a>
    </li>
    <!-- Nav Item - Breakpoints -->
    <li class="nav-item{{ route == "designer_breakpoint_index" ? " active" : "" }}">
        <a class="nav-link" href="{{ url("designer_breakpoint_index") }}" data-nav-element >
            <i class="fas fa-mobile"></i>
            <span class="c-sidebar__label" data-nav-element >{{ "designer_common.sidebar.menu_items.breakpoints"|trans }}</span></a>
    </li>
    <!-- Nav Item - Exit -->
    {# Aquí anirà ubicat el btn per tornar a Comitium #}
    <li class="nav-item">
        <a class="nav-link" href="{{ designer.cs_backend_url }}" data-nav-element >
            <i class="fas fa-exit"></i>
            <span class="c-sidebar__label" data-nav-element >{{ "Tornar"|trans }}</span></a>
    </li>


    <!-- Divider -->
    <hr class="sidebar-divider d-none d-md-block">

    <!-- Sidebar Toggler (Sidebar) -->
    <!--
    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>
-->

</ul>
<!-- End of Sidebar -->