templates/front-office/studio-material/list.html.twig line 1

Open in your IDE?
  1. {#
  3.     Template to list Studio and Material
  5.     Controller : App\FrontOffice\StudioMaterialController
  6.     Routes : "studio_list", "material_list"
  7.     URI : "/studios", "/materiels"
  11. #}
  13. {% extends "front-office/_base.html.twig" %}
  15. {% block link %}
  16.     <link rel="stylesheet" href="{{ asset('assets/owlcarousel/owl.carousel.min.css') }}">
  17.     <link rel="stylesheet" href="{{ asset('assets/owlcarousel/owl.theme.default.min.css') }}">
  18. {% endblock %}
  20. {% block script %}
  21.     <script src="{{ asset('assets/js/modal.js') }}"></script>
  22.     <script src="{{ asset('assets/owlcarousel/owl.carousel.min.js') }}"></script>
  23.     <script>
  25.         document.addEventListener("DOMContentLoaded",()=>{
  26.             /**
  27.              * Carousel
  28.              */
  29.             /*$('.owl-carousel').owlCarousel({
  30.                 loop:true,
  31.                 nav:true,
  32.                 items:1
  33.             })*/
  34.         });
  36.     </script>
  37. {% endblock %}
  39. {% block content %}
  41.     <section class="list-mat-bg">
  42.         <div class="group-card meli-section-70 meli-between-center">
  43.             {% if products is empty %}
  44.                 <div class="empty">
  45.                     <p>A venir prochainement</p>
  46.                 </div>
  47.             {% endif %}
  48.             {% for p in products %}
  49.                 <div class="relative-button open-modal"
  50.                      data-url="{% if pathInfo == "material" %}{{ path('ajax_material_read',{'id':p.id}) }}{% else %}{{ path('ajax_studio_read',{'id':p.id}) }}{% endif %}"
  51.                      data-id="{{ p.id }}">
  52.                     <a href="#">
  53.                         <div class="card meli-width-100 "
  55.                         >
  56.                             <img src="{{ asset('uploads/'~pathInfo~'s/'~pathInfo~'-'~p.id~'/mini/'~p.picture) }}"
  57.                                  alt="{{ p.pictureAlt }}">
  58.                             <div class="text-card">
  59.                                 <p>{{ p.name }}</p>
  60.                                 <p>voir le produit</p>
  61.                             </div>
  62.                         </div>
  63.                     </a>
  64.                     <button class="button-resa" >ajouter a la reservation</button>
  65.                 </div>
  66.             {% endfor %}
  68.         </div>
  69.         <div class="modal-block">
  70.             {% include "front-office/studio-material/partials/_modal.html.twig" %}
  71.         </div>
  73.     </section>
  74. {% endblock %}