<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}EMMA CONNECT {% endblock %}</title>
<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Raleway:400,100,200,300,500,600,700,800,900/" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" integrity="sha256-ENFZrbVzylNbgnXx0n3I1g//2WeO47XxoPe0vkp3NC8=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sortable/0.8.0/css/sortable-theme-bootstrap.css" integrity="sha512-ejAo3nK8bdfwg68A9g6QYUdqnTmcGem1OX8AeVwa+dQH2v22vEwPkbZQzltTE+bjXt72iGvglAw0h+Up+fOg0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
{% block stylesheets %}
{# 'app' must match the first argument to addEntry() in webpack.config.js #}
{{ encore_entry_link_tags('app') }}
<!-- Renders a link tag (if your module requires any CSS)
<link rel="stylesheet" href="/build/app.css"> -->
{% endblock %}
<link rel="stylesheet" href="/css/mobiscroll.javascript.min.css" />
{# <link src="/css/mobiscroll.javascript.min.css"/> #}
<script src="https://cdnjs.cloudflare.com/ajax/libs/notie/4.3.1/notie.min.js" integrity="sha256-ns3awRQUDUkb4hl21sd+GTFVidJLerhtrBrFMDk+Yvo=" crossorigin="anonymous"></script>
</head>
<body>
{% include 'navbar.html.twig' %}
<div class="main-container">
<!-- side bar -->
{% include 'sidebar.html.twig' %}
<div class="main-content">
<div class="container">
<div class="row">
<!-- breadcrumb -->
<div class="col-sm-12">
{% block body %}{% endblock %}
</div>
</div>
</div>
</div>
</div>
{% include 'footer.html.twig' %}
{% block javascripts %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/sortable/0.8.0/js/sortable.min.js" integrity="sha512-DEcSaL0BWApJ//v7ZfqAI04nvK+NQcUVwrrx/l1x7OJgU0Cwbq7e459NBMzLPrm8eLPzAwBtiJJS4AvLZDZ8xA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
{{ encore_entry_script_tags('app') }}
<script src="/css/mobiscroll.javascript.min.js"></script>
{# <script src="/mobiscroll.javascript.min.js"></script> #}
<script src="https://unpkg.com/multiple-select@1.3.1/dist/multiple-select.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<script type="text/javascript">
$('.multiple').select2({
});
$(".flatpicker").flatpickr({
'dateFormat' : 'd-m-Y',
"locale": "fr"
});
// check if date available
$('#btnCheckAvailability').on('click', function(e) {
const salonId = $('#rdv_salon').val();
if (salonId.length > 0) {
$.ajax({
url: '{{ path("get_salon_availability") }}',
type: 'GET',
data: {
salonId: salonId,
service: $('#rdv_service').val(),
},
success: function (response) {
$('#availabilityModal').modal('show');
$('#availabilityModal .modal-body').html(response.template);
// when choose time available
$('body').on('click', '#availabilityModal .time', function () {
$('#rdv_start').val($(this).data('date'))
$('.chosen-date').html("<strong>" + $(this).data('date') + "</strong>");
$('#availabilityModal').modal('hide');
$.ajax({
url: '{{ path("get_intervenant_date") }}',
type: 'GET',
data: {
salonId: salonId,
date: $(this).data('date'),
},
success: function (response) {
$('.intervenant').html("<br/><strong>Intervenant : " + response.intervenant + "</strong>");
}
});
})
}
});
} else {
alert('Veuillez sélectionner un salon');
}
});
</script>
<!-- Renders app.js & a webpack runtime.js file
<script src="/build/runtime.js"></script>
<script src="/build/app.js"></script> -->
{% endblock %}
{{ app.session|alertify|raw }}
</body>
</html>