<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{% block title %}{{ 'welcome'|trans({},'breadcrumb') }}{% endblock %}</title>
<!-- CSS only -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('css/bootstrap-datepicker.min.css') }}" />
<link rel="stylesheet" href="{{ asset('css/component-chosen.min.css') }}" />
<link rel="stylesheet" href="https://fr.allfont.net/allfont.css?fonts=asap" type="text/css" />
<link rel="stylesheet" href="{{ asset('css/base.css') }}" />
<style>
.loader {
background : url('{{ asset('images/icon-loader.gif') }}') 50% 50% no-repeat;
}
</style>
<link rel="stylesheet" href="{{ asset('css/font.css') }}" />
<!-- CSS spécifiques -->
{% block stylesheets %}
{% endblock %}
<!-- Javascripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
<script src="{{ asset('js/chosen/chosen.jquery.min.js') }}"></script>
<script>
$('.has-clear input[type="text"]').on('input propertychange', function() {
var $this = $(this);
var visible = Boolean($this.val());
$this.siblings('.form-control-clear').toggleClass('hidden', !visible);
}).trigger('propertychange');
$('.form-control-clear').click(function() {
$(this).siblings('input[type="text"]').val('')
.trigger('propertychange').focus();
});
jQuery(document).ready(function() {
$('.js-datepicker').datepicker({format:'dd/mm/yyyy', language: 'fr'});
$(".chzn-select").chosen('destroy');
$(".chzn-select").on("liszt:showing_dropdown", function () {
$(this).parents("div").css("overflow", "visible");
});
$(".chzn-select").on("liszt:hiding_dropdown", function () {
$(this).parents("div").css("overflow", "");
});
$(".chzn-select").chosen({
no_results_text: "Aucun résultat pour ",
placeholder_text_single: " ",
placeholder_text_multiple: " ",
disable_search: false,
disable_search_threshold: 1
});
//$.validator.setDefaults({ ignore: ":hidden:not(select)" });
});
// "required" support for Chosen; see https://github.com/harvesthq/chosen/issues/515, http://jsfiddle.net/hq7b426j/1/
$.fn.oldChosen = $.fn.chosen
$.fn.chosen = function (options) {
var select = $(this),
is_creating_chosen = !!options;
if (is_creating_chosen && select.css('position') === 'absolute') {
// if we are creating a chosen and the select already has the appropriate styles added
// we remove those (so that the select hasn't got a crazy width), then create the chosen
// then we re-add them later
select.removeAttr('style');
}
var ret = select.oldChosen(options)
// only act if the select has display: none, otherwise chosen is unsupported (iPhone, etc)
if (is_creating_chosen && select.css('display') === 'none') {
// https://github.com/harvesthq/chosen/issues/515#issuecomment-33214050
// only do this if we are initializing chosen (no params, or object params) not calling a method
select.attr('style', 'display:visible; position:absolute; clip:rect(0,0,0,0)');
select.attr('tabindex', -1);
}
return ret
}
</script>
<!-- JS spécifiques -->
{% block javascripts %}
{% endblock %}
</head>
<body>
<div id="main">
{% block body %}
{% endblock %}
</div>
</body>
</html>