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

{% set route = app.request.get('_route') %}
{% set franchise = franchise is defined ? franchise : app.session.get('franchise') %}
{% set shop = shop is defined ? shop : app.session.get('shop') %}

{% set franchiseBadges = constant('APP\\Entity\\Franchise\\Franchise::BADGES') ?? [] %}
{% set checkoutBadges = constant('APP\\Entity\\Order\\CheckoutInterface::BADGES') ?? [] %}
{% set orderBadges = constant('APP\\Entity\\Order\\orderInterface::BADGES') ?? [] %}
{% set paymentBadges = constant('APP\\Entity\\Payment\\paymentInterface::BADGES') ?? [] %}
{% set notificationBadges = constant('APP\\Entity\\Admin\\Webhook\\NotificationInterface::BADGES') ?? [] %}
{% set smsBadges = constant('APP\\Entity\\Message\\SmsInterface::SMS_BADGES') ?? [] %}

{% block stylesheets %}
    {{ parent() }}
	<link href="{{ asset('metronic/v8.1.5/plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block main %}
	<div class="d-flex flex-column flex-root app-root" id="kt_app_root">
		<div class="app-page flex-column flex-column-fluid" id="kt_app_page">
			{% include('Header/default.html.twig') %}
			<div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
				{% include('Menu/Sidebar/' ~ role() ~ '.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 %} {{ breadcrumb(false).pageTitle }} {% endblock %}
									</h1>
									{{ breadcrumb() }}
								</div>
								{% block toolbar_actions %}{% endblock %}
							</div>
						</div>
						<div id="kt_app_content" class="app-content flex-column-fluid">
							<div id="kt_app_content_container" class="app-container container-xxl">
								{% include 'FlashMessages/messages.html.twig' %}
								{% block search %}{% endblock %}
								{% 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 %}

{% block javascripts %}
    {{ parent() }}
	<script src="{{ asset('foxorders/js/toastr.js')}}"></script>
    <script src="{{ asset('foxorders/js/global/delete.js') }}"></script>
	<script src="{{ asset('metronic/v8.1.5/plugins/custom/datatables/datatables.bundle.js') }}"></script>
	<script>
		var localeLang = '{{ app.request.locale }}'.split('_')[0];
		var script = document.createElement('script');
		script.src = "https://npmcdn.com/flatpickr/dist/l10n/"+localeLang+".js";
		document.head.appendChild(script);
	</script>
{% endblock %}