<!doctype html>
<html>
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	{# <meta http-equiv="Content-Security-Policy" content="form-action 'none'"> #}

    <link rel="shortcut icon" href="{{ base() }}favicon.ico" type="image/x-icon">
	{{ titleHtml() }}
	
	{% include '@GlobalApplication/Template/_script.twig' %}
	

	<!-- specifique twig -->
	{% set data = i|specifiqueScript  %}

	{% for object  in data  %}
		{% include object  %}
	{% endfor %}

	<meta charset="utf-8" />
</head>

<body data-route="{{ getRouteName() | e('html_attr') }}">
	{# Bouton qui permet de revenir en haut #}
	<div id="scrollUp">
		<a href="#top"><img src="{{ baseUrl('IconeV2/Global/up-arrow.svg') }}"/></a>
	</div>
	<div id='loader' style='display:none;'>
		<div id='picto_loader'>
		</div>
		<div id="txt_loader">
		</div> 
	</div>
	<div class="container-fluid">
        <!-- client -->
        {% include '@GlobalApplication/Component/page_header.twig' with getHeaderData() %}
    </div>
    <div class="container-fluid bs-row flex-nowrap">
		{% include '@GlobalApplication/Layout/menuLeft.twig' 
			with menuLeftData(menuActive, menuLeft ?? getRouteName(), menuLeft is not empty) only
		%}
		<main id="main-content" class="bs-col">
		   {{ menuTop(menuActive) }}
			
			<!-- Modal content -->
			<div id="myModal" class="modal" tabindex="-1" role="dialog">

				<div class="modal-dialog" style="width:auto;height:auto;min-width:500px" role="document">
					<div id="modal-content" class="modal-content" style="z-index:99999;min-width: 600px;">
						<div class="modal-header">
							<span class="modal-close">&times;</span>
							<h3 id="modal-title"></h3>
						</div>
						<div id="modal-body" class="clearfix" style="padding: 15px;z-index:99999">
						</div>
					</div>
				</div>
			</div>
        	
			{# <div class="flashes">
				{{ flash |raw }}
			</div> #}

			{{ block( 'body' ) }}
			
			</div>{# TODO: investigate #}
		</main>
	</div>
	

<script type="text/javascript" src="{{ baseUrl('js/menu.js') }}"></script>
<script type="text/javascript" src="{{ baseUrl('js/parametre.js') }}" id="parametreJS"></script>
<script type="text/javascript" src="{{ baseUrl('ext/bootstrap-notify-3.1.3/js/bootstrap-notify.min.js') }}"></script>
	
<script>

init(
	'{{ path("Ajax.Notification.majNotification") }}',
	'{{ baseUrl('IconeV2/Global/deadline-change.svg') }}', 
	'{{ 'dd/mm/yy' | paramDateFormat }}', 
	'{{ path("Ajax.AutoComplete.autocomplete") }}'
	
	);

	function ajouterFavorisLeft(fav)
	{    	
		var titre = fav.data('titre');
		var path = fav.data('path');
		var param = fav.data('param');
		
		$.ajax({
			url: '{{ path('Ajax.Favoris.ajouterFavoris') }}',
			type: 'POST',
			dataType: 'html',
			data: {titre : titre, path : path, param : param},
			success: function (htmlData) {
				
				// Use any selector
				refrechDiv(window.location.pathname, 'menu-lateral', null, 1);
				
			}
		});
	}
	
	function supprimerFavorisLeft(fav)
	{
		var id = fav.data('id');
	
		$.ajax({
			url: '{{ path('Ajax.Favoris.supprimerFavoris') }}',
			type: 'POST',
			dataType: 'html',
			data: {id : id},
			success: function (htmlData) {
	
				refrechDiv(window.location.pathname, 'menu-lateral', null, 1);
				
			}
		});
	}

	$(function() {
	
	
        $( ".modal-close" ).click(function() {
			$('iframe').show();
			$('#wanteeedPanel').hide();
		});
		
		/* TODO */ 
		{{ tradDatePickers() }}
		$.datepicker.setDefaults($.datepicker.regional['fr']);
	});
</script>

{{ scriptReporting() }}
  

	<footer id="footer" class="container-fluid footer px-base">
		<div class="bs-row flex-x-btw flex-y-center gutter-x-base">
			<div>
				{% include '@GlobalApplication/Accessibility/menu_acsblt.twig' %}
			</div>
			{{ piedDePage() }}
        	<a href='https://www.oxalys.com' target='_blank'>
				<img src="{{ baseUrl('IconeV2/Misc/logo-oxalys_50.png') }}" alt="Oxalys" title="Oxalys" style="width:75px;" />
			</a>
       </div>
    </footer>
	
	<div class="toast__container">
		<div class="toast__cell">
			<div class="toast toast--blue">
				<div class="toast__icon">
					<span class="initiale" id="initiale_toast">A</span>
				</div>
				<div class="toast__content">
					<p class="toast__type">Success</p>
					<p class="toast__message">Anyone with access can view your invited visitors.</p>
				</div>
				<div class="toast__close">
					<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.642 15.642" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 15.642 15.642">
					<path fill-rule="evenodd" d="M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061  c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061  l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541  l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z"></path>
					</svg>
				</div>
			</div>
		</div>
	</div>
</body>
</html>