templates/business/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  4. <main class="main" role="main">
  5.     <section class="apk-business">
  6.         <div class="uk-container">
  7.             <div class="apk-business-banner">
  8.                 {% if business.getBanner() %} 
  9.                 <div class="apk-media uk-cover-container">
  10.                     <img class="uk-cover" src="{{business.getBanner().getThumbnail('full-background')}}" alt="{{ business.getName() }}" uk-cover>
  11.                 </div>
  12.                 {% endif %}
  13.             </div>
  14.             <div class="apk-business-container">
  15.                 <div class="uk-grid-small uk-grid" uk-grid>
  16.                     <div class="uk-width-3-4@m">
  17.                         <h1 class="uk-h2">{{business.getName()}}</h1>
  19.                         {% if business.getNursery() %}
  20.                         <div class="uk-grid-small uk-grid" uk-grid>
  22.                             <div class="uk-width-auto">
  23.                                 <div class="uk-grid-small uk-grid" uk-grid>
  24.                                     <div class="uk-width-auto">
  25.                                         {% if business.getFrame() %}
  26.                                             <span class="uk-button uk-button-secondary uk-button-blue2">
  27.                                                 {{business.getFrame() |trans}}
  28.                                             </span>
  29.                                         {% endif %}
  30.                                     </div>
  31.                                     <div class="uk-width-auto">
  32.                                         {% if business.getPrice() %}
  33.                                             <span class="uk-button uk-button-secondary uk-button-blue2">
  34.                                                 {{business.getPrice() |trans }}
  35.                                             </span>
  36.                                         {% endif %}
  37.                                     </div>
  38.                                     {% if business.getOrganisation() %}
  39.                                     <div class="uk-width-auto">
  40.                                         <img src="{{business.getOrganisation().getImageProfil().getThumbnail('OrgDetails').getPath()}}" alt="{{ business.getOrganisation().getName() }}">
  41.                                         {# {{ business.getOrganisation().getName() }} #}
  42.                                         
  43.                                     </div>
  44.                                     {% endif %}
  45.                                 </div>
  46.                             </div>
  47.                             <div class="uk-width-auto">
  48.                                 {% if business.getLangs() %}
  49.                                     <div class="apk-lang-container">
  50.                                         <span class="apk-font-14">{{'Langues parlées aux enfants'|trans}}</span>
  51.                                         <ul class="uk-list apk-list-inline">
  52.                                             {% for lang in business.getLangs() %}
  53.                                                 {% if lang.getImage() %}
  54.                                                     <li class="uk-text-center">
  55.                                                         <div class="apk-lang uk-cover-container">
  56.                                                             <img class="uk-cover" width="40" height="40" src="{{lang.getImage().getThumbnail('country-thumb') }}" alt="{{ lang.getLang() }}" uk-cover>
  57.                                                         </div>
  58.                                                         <span class="apk-lang-code">{{ lang.getCode() }}</span>
  59.                                                     </li>
  60.                                                 {% else %}
  61.                                                     <img width="40" height="40" src="undefined" alt="{{ lang.getLang() }}">
  62.                                                 {% endif %}
  63.                                             {% endfor %}
  64.                                         </ul>
  65.                                     </div>
  66.                                 {% endif %}
  67.                             </div>
  68.                         </div>
  69.                         {% endif %}
  70.                         {% if business.getServices() or business.getGallery().getItems()|length or business.getPresentation() %}
  71.                             {% if business.getNursery() and business.getServices() %}
  72.                                 <div id="services" class="uk-margin-small-top">
  73.                                     <h2 class="uk-h3">{{'Les + de la crèche'|trans}}</h2>
  74.                                     <ul class="uk-list apk-list-inline apk-services uk-margin-remove">
  75.                                         {% for service in business.getServices() %}
  76.                                             <li class="uk-text-center">
  77.                                                 <div class="apk-services-container uk-flex uk-flex-middle uk-flex-center">
  78.                                                     <img uk-svg width="45" heigh="45" src="{{ service.getImage().getFullPath() }}" alt="{{ service.getName() }}">
  79.                                                 </div>
  80.                                                 <span class="apk-services-text">{{ service.getName() }}</span>
  81.                                             </li>
  82.                                         {% endfor %}
  83.                                     </ul>
  84.                                 </div>
  85.                             {% endif %}
  87.                             {% if business.getGallery().getItems()|length %}
  88.                                 <div id="gallery" class="uk-margin-medium-top">
  89.                                     {% set i = 1 %}
  90.                                     <div class="uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-flex uk-flex-center uk-grid" uk-grid uk-lightbox>
  91.                                         {% for image in business.getGallery() %}
  92.                                             {% if i <= 10 %}
  93.                                                 <div>
  94.                                                     <div class="uk-cover-container apk-gallery">
  95.                                                         <a href="{{image.getThumbnail('gallery-lightbox') }}">
  96.                                                             <img class="uk-cover" src="{{image.getThumbnail('gallery-thumb') }}" uk-cover>
  97.                                                         </a>
  98.                                                     </div>
  99.                                                 </div>
  100.                                             {% endif %}
  101.                                             {% set i = i + 1 %}
  102.                                         {% endfor %}
  104.                                     </div>
  105.                                 </div>
  106.                             {% endif %}
  109.                             {% if business.getPresentation() %}
  110.                                 <div id="description" class="uk-margin-medium-top">
  111.                                     <h2 class="uk-h3">{{'Présentation'|trans}}</h2>
  112.                                     
  113.                                     {{business.getPresentation()|raw}}
  115.                                     {% if business.getDoc() %}
  116.                                         <div class="uk-flex uk-flex-right">
  117.                                             <a class="uk-button uk-button-primary uk-flex uk-flex-middle uk-flex-center" href="{{business.getDoc()}}" target="_blank">
  118.                                                 {{'Télécharger le projet pédagogique' | trans}}
  119.                                                 <img uk-svg class="uk-margin-small-left" width="7" height="18" src="/static/img/pictos/arrow-download.svg" alt="{{ "Télécharger"|trans }}">
  120.                                             </a>
  121.                                         </div>
  122.                                     {% endif %}
  123.                                 </div>
  124.                             {% endif %}
  125.                         {% else %}
  126.                             <div class="uk-margin-medium-top">
  127.                                 <h2 class="uk-h3">{{"Pas d'informations"|trans}}</h2>
  128.                             </div>
  129.                         {% endif %}
  130.                     </div>
  132.                     <div class="uk-width-1-4@m">
  133.                         <div class="uk-grid-small uk-grid" uk-grid>
  135.                             {% if business.getNursery() %}
  136.                             <div class="uk-width-1-1@m uk-width-1-2@s">
  137.                                 <div id="availabilities" class="apk-availabilities">
  138.                                     <h2 class="uk-h3">{{'Place(s) disponible(s)'|trans}}</h2>
  139.                                     <ul class="uk-list uk-margin-remove">
  140.                                         <li class="uk-flex uk-flex-middle">
  141.                                             <div class="apk-availabilities-number">
  142.                                                 <span>{{business.availableNow()}}</span>
  143.                                             </div>
  144.                                             {{'Dès maintenant'|trans}}
  145.                                         </li>
  146.                                         <li class="uk-flex uk-flex-middle">
  147.                                             <div class="apk-availabilities-number">
  148.                                                 <span>{{business.availableThreeMonth()}}</span>
  149.                                             </div>
  150.                                             {{'Dans les 3 mois'|trans}}
  151.                                         </li>
  152.                                         <li class="uk-flex uk-flex-middle">
  153.                                             <div class="apk-availabilities-number">
  154.                                                 <span>{{business.availableSixMonth()}}</span>
  155.                                             </div>
  156.                                             {{'De 4 à 6 mois'|trans}}
  157.                                         </li>
  158.                                         <li class="uk-flex uk-flex-middle">
  159.                                             <div class="apk-availabilities-number">
  160.                                                 <span>{{business.availableNineMonth()}}</span>
  161.                                             </div>
  162.                                             {{'De 7 à 9 mois'|trans}}
  163.                                         </li>
  164.                                         <li class="uk-flex uk-flex-middle">
  165.                                             <div class="apk-availabilities-number">
  166.                                                 <span>{{business.availableTwelveMonth()}}</span>
  167.                                             </div>
  168.                                             {{'De 10 à 12 mois'|trans}}
  169.                                         </li>
  170.                                         <li class="uk-flex uk-flex-middle">
  171.                                             <div class="apk-availabilities-number">
  172.                                                 {% if business.getPartTime() %}
  173.                                                     <img class="apk-validate" uk-svg width="20" height="20" src="/static/img/pictos/check.svg" alt="Check">
  174.                                                 {% else %}
  175.                                                     <img uk-svg width="20" height="20" src="/static/img/pictos/cross.svg" alt="Uncheck">
  176.                                                 {% endif %}
  177.                                             </div>
  178.                                             
  179.                                             {{'Temps partiel'|trans}}
  180.                                         </li>
  181.                                     </ul>
  182.                                 </div>
  183.                             </div>
  184.                             {% endif %}
  186.                             {% if business.readableSchedule() %}
  187.                                 <div class="uk-width-1-1@m uk-width-1-2@s">
  188.                                     <div id="schedule" class="apk-aside-container">
  189.                                         <h2 class="uk-h3">{{'Horaires' |trans}}</h2>
  190.                                         <ul class="uk-list uk-margin-remove apk-days">
  191.                                             {% for key, day in business.readableSchedule() %}
  192.                                                 <li><span>{{ dayOfWeek(key)[:2] }}</span> {{ (day | isClosed|raw) }}</li>
  193.                                             {% endfor %}
  194.                                         </ul>
  195.                                     </div>
  196.                                 </div>
  197.                             {% endif %}
  198.                             <div class="uk-width-1-1@m">
  199.                                 <div id="informations" class="apk-aside-container apk-informations">
  200.                                     <h2 class="uk-h3">{{'Informations'|trans}}</h2>
  201.                                     <p class="uk-margin-remove-top"><i>{{business.getAddress().format()}}</i></p>
  202.                                     <ul class="uk-list"> 
  203.                                         {% if business.getPhone() %}
  204.                                         <li class="uk-margin-bottom">
  205.                                             <a class="uk-flex uk-flex-middle" href="tel:{{ convert_phone_to_url(business.getPhone()) }}" target="_blank">
  206.                                                 <img class="uk-margin-small-right" width="25" height="25" src="/static/img/pictos/phone.svg" alt="{{ "Tel"|trans }}">
  207.                                                 {{business.getPhone()}}
  208.                                             </a>
  209.                                         </li>
  210.                                         {% endif %}
  211.                                         {% if business.getWebsite() %}
  212.                                         <li>
  213.                                             <a class="uk-flex uk-flex-middle" href="{{business.getWebsite()}}" target="_blank">
  214.                                                 <img class="uk-margin-small-right" width="25" height="25" src="/static/img/pictos/website.svg" alt="{{ "Website"|trans }}">
  215.                                                 {{business.getWebsite()}}
  216.                                             </a>
  217.                                         </li>
  218.                                         {% endif %}
  219.                                         {% if business.getEmail() and business.getPremium() %}
  220.                                         <li>
  221.                                             {{ email_obfuscator_svg(business.getEmail())|raw }}
  222.                                         </li>
  223.                                         {% endif %}
  224.                                         <div id="bookmarkButton">
  225.                                             {% if bookmarked %}
  226.                                             <form action="{{path('removeBookmark')}}" method="post">
  227.                                                 <input type="hidden" name="id" value="{{business.getID()}}">
  228.                                                 <button type="submit" class="uk-button uk-button-danger">{{'Supprimer des favoris'|trans}}</button>
  229.                                             </form>
  230.                                             {% else %}
  231.                                             <button data-id="{{business.getId()}}" class="add-to-bookmark uk-button uk-button-primary">
  232.                                                 {{'Ajouter aux favoris' | trans}}
  233.                                             </button>
  234.                                             {% endif %}
  235.                                         </div>
  236.                                     </ul>
  237.                                 </div>
  238.                             </div>
  239.                         </div>
  240.                     </div>
  241.                 </div>
  243.                 <div class="uk-margin-large-top">
  244.                     <div id="localisation">
  245.                         <div id="map"></div>
  246.                         <div style="display:none;" id="lat">{% if business.getAddress().getLocation() %}{{business.getAddress().getLocation().getLatitude()}}{% endif %}</div>
  247.                         <div style="display:none;" id="lng">{% if business.getAddress().getLocation() %}{{business.getAddress().getLocation().getLongitude()}}{% endif %}</div>
  248.                     </div>
  249.                 </div>
  250.                 
  251.             </div>
  252.         </div>
  253.     </section>
  254. </main>
  255.     
  256. <input type="hidden" name="" id="urlBookmark" value="{{path('addBookmark')}}">
  257. <input type="hidden" name="" id="bookmarkSuccessTrans" value="{{'Ajouté aux favoris'|trans}}">
  258. <input type="hidden" name="" id="bookmarkFailedTrans" value="{{'Vous devez être connecté'|trans}}">
  259. <input type="hidden" name="" id="transBtnRemove" value="{{'Supprimer des favoris'|trans}}">
  260. <input type="hidden" name="" id="removeBookmark" value="{{path('removeBookmark')}}">
  261. {%  endblock %}
  263. {% do pimcore_head_script().appendFile('/static/js/exkmapStatic.js') %}
  264. {% do pimcore_head_script().appendFile('https://maps.googleapis.com/maps/api/js?key='~ pimcore_website_config('googleMapsApiKey') ~'&callback=initMap') %}