templates/acoa/catalog/catalog_entreprise.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Interventions en entreprises{% endblock %}
  5. {% block content %}
  7. <div id="mainformationpro1" class="relative">
  8.     <div id="" class="absolute bg-cover bg-header-lgblue top-0 left-0 right-0 bottom-0" style="opacity:0.2;"></div> 
  9.     <div id="main" class="flex items-center justify-center">
  10.         <h3 class="absolute text-white">Interventions en entreprises</h3>
  11.     </div>
  12.     <img src={{asset('/images/Bg3.png')}} alt="">
  13. </div>
  15. <div id="locationofpage" class="relative pt-4 w-11/12 md:w-8/12 mr-auto ml-auto">
  16.     <h4 class="ml-1">
  17.         {% block locationofpage %} Accueil
  18.             <i class="fas fa-play"></i> 
  19.             Prestations
  20.             <i class="fas fa-play"></i>
  21.             <span>Interventions en entreprises </span>
  22.         {% endblock %}
  23.     </h4>
  24. </div>
  26. <div id="mainformationent3" class="maxWidthM w-11/12 rounded-lg">
  27.     <div class="pt-10 pb-2">
  28.         <div class="">
  29.             <h3 class="titreFormation font-semibold color-red text-center">Nos prestations disponibles</h3>
  30.             <div class="traitR w-12 h-2 mt-4 mb-4 color-notif ml-auto mr-auto"></div>
  31.             <p class="text-center sousTitreFormation color-black">
  32.                 Découvrez nos dernières prestations regroupées parmi nos différents domaines de compétences pour développer les compétences des individuels et des équipes.<br>
  33.             </p>
  34.         </div>
  35.     </div>
  36. </div>
  37. <div id="mainformationent4" class="mt-8 maxWidthM w-11/12">
  39. <div class="Poppins color-grey2 ml-auto mr-auto">
  40.         <i class="icoFiltreM float-left mr-2"></i><div class="filtresM">Filtres</div>
  41.         <div class="clear-both"></div>
  42.     </div>
  43.     <div class="pt-2 mb-16">
  45.         <form action="{{ path("catalog_entreprise") }}" method="POST">
  47.             {% include 'acoa/catalog/_form_filters.html.twig' %}
  49.         </form>
  50.     </div>  
  51.     
  52. </div>
  54. <div id="mainformationent5" class="pt-4 mb-16 maxWidthM w-11/12 ml-auto mr-auto">
  56.     <!-- Miko -->
  57.     <!-- Prestations -->
  58.     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12">
  59.         {% for course in courses %}
  61.             {% if course.on_sale %}
  62.                 <div class="boxformation text-center"> 
  63.                     <div class="relative">
  65.                     {% if course.image == null %}
  66.                         <img class="z-0 w-full" src="{{ asset("images/default.jpg") }}" alt="{{ course.title }}">
  67.                     {% else %}
  68.                         <img class="z-0 w-full" src="{{ asset("images/") ~ course.image  }}" alt="{{ course.title }}">
  69.                     {% endif %}
  71.                     <div class="illustScreen"></div>
  72.                     </div>
  74.                     <div class="bg-formation-grey color-txt-grey-bold pt-2 pb-2 text-sm">
  75.                        {#<div>Session du {{ course.course_date|date("d/m/Y") }}</div>#}
  76.                         <div>{% if course.city_default %}{{ course.city_default }}/{% endif %}{{ course.country_default }}&nbsp;</div>
  77.                         {# <div class="font-bold">{{ course.price }} €</div>#} 
  78.                     </div>
  80.                     <div class="bg-formation-blue descriptionF">
  81.                     <p class="text-white text-sm pt-1 pb-1 px-4">{{ course.title }}</p>
  82.                     </div>
  84.                     <div class="buttonFormation pt-4 pb-16">
  85.                         <a href="{{ path('catalog_detail', {'idCourse' : course.idCourse}) }}" class="pt-1 pb-2 rounded-full text-center text-white pl-16 pr-16">voir</a>
  86.                     </div>
  87.                 </div>
  88.             {% endif %}
  90.         {% else %}
  91.             <p>Aucune prestation pour le moment.</p>
  92.         {% endfor %}
  93.     </div>
  94.     <!-- fin Miko -->
  96. </div>
  97. {% endblock %}
  99. {% block javascripts %}
  101.     {{ parent()}}
  103.     <script>
  105.         $(document).ready(function() {
  106.             $(".datepicker").datepicker({
  107.                 closeText: 'Fermer',
  108.                 prevText: 'Précédent',
  109.                 nextText: 'Suivant',
  110.                 monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
  111.                 monthNamesShort: ['Janv.', 'Févr.', 'Mars', 'Avril', 'Mai', 'Juin', 'Juil.', 'Août', 'Sept.', 'Oct.', 'Nov.', 'Déc.'],
  112.                 dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
  113.                 dayNamesShort: ['Dim.', 'Lun.', 'Mar.', 'Mer.', 'Jeu.', 'Ven.', 'Sam.'],
  114.                 dateFormat:  'dd/mm/yy',
  115.                 dayNamesMin: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
  116.                 weekHeader: 'Sem.',
  117.             });
  118.         });
  119.         
  120.     </script>
  122. {% endblock %}