templates/areas/nursery-map/view.html.twig line 1

Open in your IDE?
  1. <section id="mapSearch">
  2.     <div class="apk-mapsearch">
  3.         <div class="uk-container">
  4.             <div class="uk-text-center apk-container-800 uk-margin-auto">
  5.                 <h2 class="uk-h2 uk-margin-small-bottom">{{ pimcore_textarea('Title', {'nl2br' : true, 'width' : 1000}) }}</h2>
  6.                 <p class="apk-post-title apk-font-24 uk-margin-remove">{{ pimcore_textarea('infoPoestTitle', {'nl2br' : true}) }}</p>
  7.             </div>
  8.             <form action="{{path('search')}}" method="GET">
  9.                 <div class="uk-margin-medium-top uk-grid-medium uk-grid" uk-grid>
  10.                     <div class="uk-width-expand@s">
  11.                         <input class="uk-input uk-input-padding-large" type="text" name="search" id="search" placeholder="{{'Adresse, ville ou code postal'|trans}}">
  12.                     </div>
  13.                     <div class="uk-width-auto@s">
  14.                         {# @TODO Faire fonctionner le rayon #}
  15.                         {# <select class="uk-select uk-select-padding-large" name="" id="">
  16.                             <option class="apk-option-placeholder" value="" selected>{{'Rayon'|trans}}</option>
  17.                             <option value="5">5km</option>
  18.                             <option value="15">15km</option>
  19.                             <option value="20">20km</option>
  20.                             <option value="30">30km</option>
  21.                             <option value="40">40km</option>
  22.                             <option value="50">50km</option>
  23.                             <option value="more">{{ "plus de 50 km"|trans }}</option>
  24.                         </select> #}
  25.                     </div>
  26.                     <div class="uk-width-auto@s uk-flex uk-flex-center">
  27.                         <button class="uk-button uk-button-large uk-button-primary uk-flex uk-flex-center uk-flex-middle" type="submit" value="{{'Recherche'|trans}}">
  28.                             <span>{{'Rechercher'|trans}}</span>
  29.                             <img class="uk-margin-small-left" uk-svg width="25" height="25" src="/static/img/icons/zoom.svg" alt="{{'Recherche' | trans}}">
  30.                         </button>
  31.                     </div>
  32.                 </div>
  33.                 <div class="uk-margin-top">
  34.                     <div class="uk-flex uk-flex-middle c-orange1">
  35.                         <img class="uk-margin-small-right" uk-svg width="16" height="10" src="/static/img/pictos/filters.svg" alt="{{"Filtres"|trans}}">
  36.                         <span>{{ "Filter par service"|trans }}</span>
  37.                     </div>
  38.                 </div>
  39.                 <div id="simple_filters" class="uk-child-width-auto@s uk-grid-large uk-margin-top uk-grid" uk-grid uk-margin>
  40.                     {# @TODO Ajouter les checkboxes à la logique #}
  41.                     <div class="uk-width-auto apk-font-20">
  42.                         <input id="lieu_accueil" class="uk-checkbox" type="checkbox" value="nursery">
  43.                         <label for="lieu_accueil">{{ "Lieux d'accueil"|trans }}</label>
  44.                     </div>
  45.                     <div class="uk-width-auto apk-font-20">
  46.                         <input id="petite_enfance" class="uk-checkbox" type="checkbox" value="childhood_services">
  47.                         <label for="petite_enfance">{{ "Service à la petite enfance"|trans }}</label>
  48.                     </div>
  49.                     <div class="uk-width-auto apk-font-20">
  50.                         <input id="nounou" class="uk-checkbox" type="checkbox" value="home_nanny">
  51.                         <label for="nounou">{{ "Nounou à domicile"|trans }}</label>
  52.                     </div>
  53.                     <div class="uk-width-auto apk-font-20">
  54.                         <input id="magasin" class="uk-checkbox" type="checkbox" value="shop">
  55.                         <label for="magasin">{{ "Magasin d’articles bébé"|trans }}</label>
  56.                     </div>
  57.                 </div>
  58.             </form>
  59.         </div>
  60.     </div>
  61.     <div class="uk-position-relative">
  62.         <div id="map"></div>
  63.         {% include "includes/map-filters.html.twig" %}
  64.     </div>
  65. </section>
  68. {% do pimcore_head_script().appendFile('/static/js/exkmap-simple.js') %}
  69. {% do pimcore_head_script().appendFile('https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js') %}
  70. {% do pimcore_head_script().appendFile('https://maps.googleapis.com/maps/api/js?key='~ pimcore_website_config('googleMapsApiKey') ~'&callback=initMap') %}