<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="version" content="{{ site_version }}">
<title>{% block title %}{% trans%}THEA PRO{% endtrans%}{% endblock %}</title>
{% block stylesheets %}
{# On charge le CSS de bootstrap depuis le site directement
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" crossorigin="anonymous"> #}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">
<link href="{{ asset('css/bootstrap-datetimepicker.css') }}" rel="stylesheet">
<link href="{{ asset('css/dashboard.css') }}" rel="stylesheet">
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
{% endblock %}
</head>
<body>
{{ include("headermenu.html.twig") }}
<div class="container-fluid">
<div class="row">
{{ include("leftmenu.html.twig") }}
<div id="content" class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
{% if is_granted("ROLE_ADMIN") or is_granted("ROLE_USER") %}
<div style="margin-bottom: 40px;border-bottom: 1px solid #0066cc;">
{% block bodytitle %}
{% endblock %}
</div>
{% for flash_message in app.session.flashbag.get('notice') %}
<div class="alert alert-success alert-dismissible">
{{ flash_message }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endfor %}
{% for flash_message in app.session.flashbag.get('error') %}
<div class="alert alert-danger alert-dismissible">
{{ flash_message }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endfor %}
{% endif %}
{% block body %}
{% block content %}
{% endblock %}
{% endblock %}
</div>
</div>
<hr>
{#
<footer>
<p>The sky's the limit © {{ 'now'|date('Y') }} and beyond.</p>
</footer>
#}
</div>
{# MODAL DU LOADER #}
{% block modal %}
{% endblock %}
<div class="modal fade" id="modalLoader">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Chargement</h4>
</div>
<div class="modal-body" style='text-align: center;'>
<img src="{{ asset('img/loader.gif') }}" alt="Loader"/>
</div>
</div>
</div>
</div>
{% block javascripts %}
{# JavaScript : fonctionnalités du bootstrap Twitter #}
{# <script src="//code.jquery.com/jquery-2.1.1.js"></script> #}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="{{ asset('js/moment-with-locales.js') }}"></script>
<script src="{{ asset('js/bootstrap-datetimepicker.js') }}"></script>
{# <script src="{{ asset('bundles/obhighcharts/js/highcharts/highcharts.js') }}"></script>
<script src="{{ asset('bundles/obhighcharts/js/highcharts/modules/exporting.js') }}"></script>#}
<script src="{{ asset('js/AppBundle.js') }}"></script>
<script src="{{ asset('js/article_interface.js') }}"></script>
<script src="{{ asset('js/reseau_interface.js') }}"></script>
<script src="{{ asset('js/bootstrap-select.js') }}"></script>
<script src="{{ asset('js/CodeBarreValidation.js') }}"></script>
<script src="{{ asset('js/commande_interface.js') }}"></script>
<script src="{{ asset('js/adresse_interface.js') }}"></script>
<script src="{{ asset('js/conditionnement.js') }}"></script>
<script src="{{ asset('js/emultation_array.js') }}"></script>
<script src="{{ asset('js/jquery.multi-select.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/produit_interface.js') }}"></script>
<script src="{{ asset('js/commande_classement.js') }}"></script>
<script src="{{ asset('js/dotation_typeliste.js') }}"></script>
<script src="{{ asset('js/commande_reseau_user_form_type.js') }}"></script>
<script src="{{ asset('js/input_file.js') }}"></script>
<script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script>
<script src="{{ path('fos_js_routing_js', {'callback': 'fos.Router.setData'}) }}"></script>
<script>
function showModalLoader() {
$("#modalLoader").modal({show: true, backdrop: 'static'});
}
function hideModalLoader(withOtherModal) {
var withOtherModalOpen = withOtherModal||false;
if(withOtherModalOpen){
$("#modalLoader").on("hidden.bs.modal", function () {
$("body").addClass("modal-open");
});
}else{
$("#modalLoader").on("hidden.bs.modal", function () {
$("body").removeClass("modal-open");
});
}
$("#modalLoader").modal('hide');
}
</script>
{% endblock %}
</body>
</html>