{% extends 'base.html.twig' %}{% block title %}Planning de rendez-vous{% endblock %}{% block body %} <div class="section"> <div class="row"> <div class="col s12 m3 l2 p-20"> <a href="#access" class="modal-trigger btn primary white-text" > Accès & contacts </a> <div id="access" class="modal"> <div class="modal-content white"> <h4> <i class="fa-solid fa-map-location"></i> Venir à votre rendez-vous </h4> <div class="row"> <div class="col s12 m4 black-text"> <h6>{{ params('name') }}</h6> <p> {{ params('address') }}<br> {{ params('zipcode') }} {{ params('city') }}<br> </p> <p> {{ params('phone') | phoneNumber }}<br> {{ params('email') }} </p> </div> <div class="col s12 m8 black-text"> {% if params('latitude') and params('longitude') %} <div class="map" id="map" data-controller="map" data-latitude="{{ params('latitude') }}" data-longitude="{{ params('longitude') }}"> </div> {% endif %} {% if params('address') and params('zipCOde') and params('city') and params('latitude') and params('longitude') %} <a href="https://www.google.fr/maps/place/{{ params('address') }}, {{ params('zipCOde') }} {{ params('city') }}/@{{ params('latitude') }},{{ params('longitude') }}" target="_blank" class="btn btn-small secondary white-text right" > Voir sur google maps </a> {% endif %} </div> </div> </div> <div class="modal-footer"> <a href="#" class="modal-close waves-effect waves-green btn-flat">FERMER</a> </div> </div> </div> <div class="col s12 l10 p-20"> {% if params('homeMessage') and params('homeMessage') != 'Non renseigné' %} <div id="home-message" class="modal" data-controller="modal-home" data-show="{{ params('homeMessage') and params('homeMessage') != 'Non renseigné' and not reservation and not app.session.get('has_seen_message') }}" > <div class="modal-content white"> <h4>Bonjour,</h4> <span class="grey-text text-darken-2"> {{ params('homeMessage') | sanitize_html('home.sanitizer') }} </span> </div> <div class="modal-footer"> <a href="#" class="modal-close waves-effect waves-green btn-flat">FERMER</a> </div> </div> {% endif %} {% if dates | length > 0 %} <p class="flow-text white-text"> Cliquez sur une date ci-dessous pour afficher les créneaux disponibles et effectuer une demande de rendez-vous. <br> Seules les dates avec des créneaux disponibles apparaissent. Une fois votre réservation validée, vous recevrez un email de confirmation. </p> {% else %} <p class="flow-text white-text"> Aucune date n'est ouverte à la réservation de rendez-vous.<br> {% if params('phone') %} Vous pouvez nous joindre au {{ params('phone') }}. {% endif %} </p> {% endif %} </div> </div> <div class="row"> <div class="row" id="planning-head"> <div class="col s12 l2 hide-on-med-and-down"> </div> <div class="col s12 l10"> <div class="planning"> {% for aDate in dates %} {% include 'planning/_date.html.twig' %} {% endfor %} </div> </div> <div class="col s12 l1 hide-on-med-and-down"> </div> </div> </div> </div> {% include 'planning/_modal_reserve.html.twig' %} {% if app.user %} {% include 'planning/_modal_undo.html.twig' %} {% endif %}{% endblock %}