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

{% block head %}
    {{ parent() }}
	{{ encore_entry_link_tags('side_menu') }}
{% endblock %}

{% block content %}
	<section class="side_menu_layout">
		<div class="container">
			<div class="row">
				<div class="col-12 col-lg-3 side_menu">
					<div class="menu-container">
						<h2 class="side-menu-title">{{ 'side_menu_title'|trans ({},'geral' ) }}</h2>

						<div class="row d-lg-none align-items-center mb-4 select_menu">
							<div class="col py-1 select_menu_title">{{ title }}</div>
							<div class="col-auto py-1 position-relative select_menu-toggle">
								<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="angle-down" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 256 512" class="transition">
									<path d="M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z"></path>
								</svg>
							</div>
						</div>
						<ul class="render-menu">
							{{ render(controller('App\\Controller\\PageContentController::RenderMenu',[], {'menu': "side_menu"}) ) }}
						</ul>
					</div>
				</div>
				<div class="col-12 col-lg-9 px-0 content">
					{{ parent() }}
				</div>
			</div>
		</div>
	</section>
{% endblock %}

{% block scripts %}
	{{ parent() }}
	{{ encore_entry_script_tags('side_menu') }}
{% endblock %}