templates/marketplace/reservation/index.html.twig line 1

Open in your IDE?
  1. {% extends 'marketplace/base.html.twig' %}
  3. {% block title %}Reservation Atelier{% endblock %}
  5. {% block body %}
  6. <div class="container">
  7.   {% if workshop.bannerImage != null %}
  8.     {% set imagePath = WELLBING_IMAGE_PATH ~ "/workshop/" ~ workshop.bannerImage %}
  9.     <div class="top-bg" style="background-image:url({{imagePath}})"></div>
  10.   {% elseif  workshop.marketplaceCategory.bannerImage != null %}
  11.     {% set imagePath = WELLBING_IMAGE_PATH ~ "/marketplace/category/" ~ workshop.marketplaceCategory.bannerImage %}
  12.     <div class="top-bg" style="background-image:url({{imagePath}})"></div>
  13.   {% else %}
  14.     {% set imagePath = WELLBING_IMAGE_PATH ~ "/workshop/" ~ workshop.image %}
  15.     <div class="top-bg" style="background-image:url({{imagePath}})"></div>
  16.   {% endif %}
  17. </div>  
  18. <div class="container">
  19.   <div class="row reservation-row">
  20.     <div class="col-12">
  21.       <div class="d-flex col-12 flex-wrap mt-5 res-header">
  22.         <h3 class="title-att mt-0 mb-3">{{workshop.name}}</h3>
  23.         <div class="link-container">
  24.           <a class="grey-btn pe-4 ps-4" href="{{ path('marketplace_app_contact', {'from': workshop.id}) }}"><img class="me-3" src="{{ asset('build/images/marketplace/message.svg') }}"> Contactez-nous</a>
  25.           {% include "marketplace/components/_btn_favorite.html.twig" %}
  26.         </div>
  27.       </div>
  28.       <div class="d-flex">
  29.         <p class="desc-list-at">
  30.           <img src="{{ asset('build/images/marketplace/double.svg') }}" alt="" class="me-2">
  31.           {% if workshop.fixedSellingPrice == null %}
  32.               {{ 'marketplace.workshop.on_quotation'|trans }}
  33.           {% else %}
  34.               {{workshop.capacity|default('')}} personne{% if workshop.capacity|default(0) > 1 %}s{% endif %}
  35.           {% endif %}
  36.           </p>
  37.         <p class="desc-list-at"><img src="{{ asset('build/images/marketplace/time.svg') }}" alt="" class="me-2">{{workshop.duration}} min</p>
  38.         <p class="desc-list-at">
  39.           {% if workshop.fixedSellingPrice == null %}
  40.             {{ 'marketplace.workshop.on_quotation'|trans }}
  41.           {% else %}
  42.             {{workshop.fixedSellingPrice|format_currency('eur', {fraction_digit: 0})|default("")}}<span class="ht_logo">HT</span> / Séance
  43.           {% endif %}
  44.         </p>
  45.       </div>
  46.       {% if workshop.fixedSellingPrice != null %}
  47.         <p class="pricing-underline">{{ 'marketplace.workshop.decreasing_price'|trans }}</p>
  48.       {% endif %}
  49.       <div class="col-md-6 workshop-desc-container">
  50.         <h4 class="xd32">La séance</h4>
  51.         <p class="workshop-desc">{{workshop.description}}</p>
  52.       </div>
  53.       <h4 class="xd32 insurance-title">La garantie Ulteam</h4>
  54.         <div class="d-flex insurance-container">
  55.           <div class="img-left-txt-right me-5 insurance-item"> <img src="{{ asset('build/images/marketplace/pouce.svg') }}"><span>Équipements <br> à disposition</span></div>
  56.           <div class="img-left-txt-right mx-5 insurance-item"> <img src="{{ asset('build/images/marketplace/doc.svg') }}"><span>Experts qualifiés et <br> diplômés</span></div>
  57.           <div class="img-left-txt-right ms-5 insurance-item"> <img src="{{ asset('build/images/marketplace/assu.svg') }}"><span>Assurance <br> professionelle</span></div>
  58.         </div>
  59.     </div>
  60.   </div>
  61. </div>
  62.   <div class="book-form res-container mt-5" {% if workshop.delay != null %} data-delay= "{{workshop.delay}}" data-delaytype= "{{workshop.delayType}}"{% endif %}>
  63.     <div class="container py-5">
  64.       {% include "marketplace/forms/_reservation_form.html.twig" %}
  65.     </div>
  66.   </div>
  67. {% if workshopSlides != [] %}
  68.   <div class="container swiper-title">
  69.     <h4 class="xd32">Ces ateliers pourraient vous plaire !</h4>
  70.   </div>
  71.   <div class="swiper mySwiper">
  72.     <div class="swiper-wrapper">
  73.       {% for workshop in workshopSlides %}
  74.         <a href="{{path('marketplace_app_reservation', {'workshop': workshop.id, workshopName: workshop.name|slug|lower})}}" class="swiper-slide">
  75.         {% set slideImagePath = WELLBING_IMAGE_PATH ~ "/workshop/" ~ workshop.image %}
  76.           <div class="bg-product-slide" style="background-image:url({{slideImagePath}});"></div>
  77.           <div class="d-flex">
  78.             <p class="text-dark">{{workshop.name}}</p>
  79.             {# Mettre module trustPilot ici #}
  80.             {# <p>avis verif</p> #}
  81.           </div>
  82.         </a>
  83.       {% endfor %}
  84.     </div>
  85.     <div class="swiper-button-next"></div>
  86.     <div class="swiper-button-prev"></div>
  87.     <div class="swiper-pagination"></div>
  88.   </div>
  89. {% endif %}
  90. {% endblock %}
  92. {% block javascripts %}
  93.     {{ parent() }}
  94.     {{ encore_entry_script_tags('marketplace-reservation') }}
  95. {% endblock %}