<!DOCTYPE {% block html_start %}{% endblock %}>
<html lang="{{ app.request.locale }}">
<head>
{% block head %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="shortcut icon" href="{{ asset('build/media/favicon.jpg') }}" type="image/x-icon">
<link rel="icon" href="{{ asset('build/media/favicon.jpg') }}" type="image/x-icon">
{#<link rel="manifest" href="{{ asset('manifest.json') }}">#}
{% endblock %}
<title>{% block title %}{{block('page_title')}}{% endblock %} {% if block('page_title') is defined %} | {% endif %}{{site.name}}</title>
{% block stylesheets %}
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block head_javascripts %}
{#{% include 'bundles/AdminLTEBundle/layout/modal_add_list.html.twig' %}#}
{#<script src="{{asset('dist/assets/plugins/global/plugins.bundle.js')}}"></script>
<script src="{{asset('dist/assets/js/scripts.bundle.js')}}"></script>#}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</head>
{% block body %}
<body id="kt_body" class="{{ not app.request.get('modal')?'header-fixed header-tablet-and-mobile-fixed aside-enabled aside-fixed':'bg-white' }}" style="--kt-toolbar-height:55px;--kt-toolbar-height-tablet-and-mobile:55px">
<div class="page-loader flex-column bg-dark bg-opacity-25">
<span class="spinner-border text-primary" style="right: calc(50% - (22px / 2))" role="status"></span>
<span class="text-gray-800 fs-6 fw-semibold bg-secondary pt-15 p-5 badge">Chargement en cours...</span>
</div>
<div class="d-flex flex-column flex-root">
<div class="page d-flex flex-row flex-column-fluid ">
<div class="overlay-layer bg-dark bg-opacity-50">
<div class="spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
{% if not app.request.get('modal') %}
{% block page_aside %}{% include 'layout/aside/_base.html.twig' %}{% endblock %}
{% endif %}
<div class="wrapper d-flex flex-column flex-row-fluid overlay-wrapper" id="kt_wrapper">
{% if not app.request.get('modal') %}
{% block page_header %}
{% include 'layout/header/_base.html.twig' with {'page_title':block('page_title'),'page_sub_title':block('page_sub_title') is defined ? block('page_sub_title'),"close_to_page_title":block('close_to_page_title') is defined ? block('close_to_page_title') } %}
{% endblock %}
{% else %}
<div data-kt-swapper="true" data-kt-swapper-mode="prepend" data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_header_nav'}" class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
<!--begin::Title-->
<h1 class="d-flex align-items-center text-dark fw-bolder fs-3 my-1">{{block('page_title')}}
<!--begin::Separator-->
{% if block('page_sub_title') is defined %}
<span class="h-20px border-gray-200 border-start ms-3 mx-2"></span>
<!--end::Separator-->
<!--begin::Description-->
<small class="text-muted fs-7 fw-bold my-1 ms-1">{{block('page_sub_title')}}</small>
<!--end::Description--></h1>
{% endif %}
<!--end::Title-->
</div>
{% endif %}
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
<div class="post d-flex flex-column-fluid" id="kt_post">
<div id="kt_content_container" class="container-fluid" style="{{ app.request.get('modal')?'padding:0 10px':'' }}">
{% include 'layout/custom_coockpit/_flash_messages.html.twig' %}
<div class="toast align-items-center border-0 my-2 hide" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body"></div>
<button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
{% block page_content %}{% endblock %}
</div>
</div>
</div>
{% if not app.request.get('modal') %}
{% block page_footer %}{% include 'layout/_footer.html.twig' %}{% endblock %}
{% endif %}
</div>
</div>
</div>
{% block javascripts %}
{% include 'layout/modal_add_list.html.twig' %}
{#<script src="{{ path('translation_js') }}"></script>#}
{% endblock %}
</body>
{% endblock %}
</html>