{% extends 'base_reservation.html.twig' %}{% block title %}Prendre un RDV{% endblock %}{% block body %} <div class="page-wrapper"> <div id="progress"> <div id="progress-bar"></div> <ul id="progress-num"> <li class="step active">1</li> <li class="step">2</li> <li class="step">3</li> <li class="step">4</li> </ul> </div> <h1>Prendre un RDV</h1> <p>Trouvez le salon de votre clinique ou de votre résidence ?</p> <label>Etes-vous à l’hôpital, en clinique, en résidence ou en ehpad ?</label> <select type="select" name="filter_type" id="filter_type" value="" class="form-control"> {% for key, type in types %} <option value="{{ key }}">{{ type }}</option> {% endfor %} </select> <br /> <label>Souhaitez-vous un RDV de coiffure ou d’esthétique ?</label> <select type="select" name="filter_service" id="filter_service" value="" class="form-control" placeholder="Quel est le salon ?"> {% for key, service in services %} <option value="{{ key }}">{{ service }}</option> {% endfor %} </select> <br /> <label>Indiquez le salon de votre hôpital, de votre clinique, de votre résidence ou de votre ehpad ?</label> <input type="text" name="filter_salon" id="filter_salon" value="" class="form-control"> <br /> <div id="result-salons"></div> </div>{% endblock %}{% block javascripts %} {{ parent() }} <script type="text/javascript"> $(document).on('input', '#filter_salon, #filter_type, #filter_service', function (e) { const type = $('#filter_type').val(); const service = $('#filter_service').val(); const salon = $('#filter_salon').val(); $.ajax({ url: '{{ path("get_salons") }}', type: 'GET', data: { type: type, service: service, salon: salon, }, success: function (data) { $('#result-salons').html(data); } }); }); </script>{% endblock %}