{% extends '_layout/base.html.twig' %}
{% block _bodyClass %}withSidebar {% endblock %}
{% block body %}
<div id="sidebar-body" class="row flex-wrap w-100 m-0 h-100">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark px-xl-5 py-1 d-flex" id="mainNavbar">
<div class="container-fluid d-flex">
<div class="col-12 col-sm-1">
<a class="logo" href="{{ path('index') }}">
<img src="{{ asset('assets/images/logo_top.png') }}" />
</a>
</div>
<div class="col-10">
<div class="collapse navbar-collapse px-5" id="mainNavbarBreadcrumb">
{% if BREADCRUMB is defined %}
{% include '_layout/breadcrumb.html.twig' with BREADCRUMB %}
{% endif %}
</div>
</div>
<div class="col-2 col-sm-1">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mobileMenu" aria-controls="mobileMenu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</nav>
<aside class="d-none d-sm-flex col-auto col-md-3 col-xl-2 p-sm-4 p-0 bg-primary">
<div class="collapse navbar-collapse px-5 d-lg-none" id="mobileMenu">
{% include '_layout/menu.html.twig' with {'mobile':true} %}
</div>
{% include '_layout/menu.html.twig' with {'mobile':false} %}
</aside>
<main class="d-flex flex-column h-100 col g-0">
<div class="main py-3 px-sm-5">
<div class="d-flex flex-column align-items-center align-items-sm-start px-3 px-md-1 pt-2 text-white min-vh-100">
{% include '_layout/mainNavbar.html.twig' %}
{% block main %}{% endblock %}
</div>
</div>
</main>
</div>
</div>
{% endblock %}