{% extends 'Layouts/Doc/base.html.twig' %}

{% block main %}
	<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
		<div class="docs-page flex-column flex-column-fluid d-flex" id="kt_app_page">
			<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
				{% include('Header/doc.html.twig') %}
				{% include('Menu/Sidebar/doc.html.twig') %}
				<div class="app-main flex-column flex-row-fluid" id="kt_app_main">
					<div class="d-flex flex-column flex-column-fluid">
						<div id="kt_app_toolbar" class="app-toolbar py-3 py-lg-6">
							<div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
								<div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
									<h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
										{% block headerPageTitle %} {% endblock %}
									</h1>
								</div>
							</div>
						</div>
						<div id="kt_app_content" class="app-content flex-column-fluid">
							<div id="kt_app_content_container" class="app-container container-xxl">
								{% block body %} {% endblock %}
							</div>
						</div>
					</div>
					{% include('Footer/footer.html.twig') %}
				</div>
			</div>
		</div>
	</div>
	{% block modals %}{% endblock %}

	<!--begin::Scrolltop-->
	<div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">
		<span class="svg-icon">
			<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
				<rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor" />
				<path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor" />
			</svg>
		</span>
	</div>
	<!--end::Scrolltop-->
{% endblock %}