templates/service/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  5. {% endblock %}
  7. {% block stylesheets %}
  8.   <link rel="stylesheet" href="{{ asset('css/detail-formation.css') }}" />
  9.   <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
  10. {% endblock %}
  12. {% block body %}
  13.   <div class="section-about" id="section-about">
  14.     <div class="section-gallery">
  15.       <div class="container position">
  16.         <div class="depo-formation position-relative">
  17.           <div class="alert note-position note-size">
  18.             <p class="card-text note-color text-center">
  19.               {% if averageStars[service.id][0]['averageStars'] is not null %}
  20.                 <span class="size-rated">{{ averageStars[service.id][0]['averageStars']|number_format(1) }}</span>/5
  21.               {% else %}
  22.                 <span>{% trans %}rating.not_rated{% endtrans %}</span>
  23.               {% endif %}
  24.             </p>
  25.             <p class="card-text note-color text-center  {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}">
  26.               {% if averageStars[service.id][0]['demandeCount'] and averageStars[service.id][0]['demandeCount'] == 1 %}
  27.                 {{ averageStars[service.id][0]['demandeCount'] }} {% trans %}rating.avissingle{% endtrans %}
  28.               {% elseif averageStars[service.id][0]['demandeCount'] and averageStars[service.id][0]['demandeCount'] != 1 %}
  29.                 {{ averageStars[service.id][0]['demandeCount'] }} {% trans %}rating.avismultiple{% endtrans %}
  30.               {% endif %}
  31.             </p>
  32.           </div>
  33.           <div class="row pb-5">
  34.             <div class="col-md-12 text-center p-5">
  35.               <b><h5 class="card-title">{{ service.axe }}</h5></b>
  36.             </div>
  37.           </div>
  38.           <div class="box"></div>
  39.           <div class="card-body {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}">
  40.             <p class="card-text">{{ service.description|raw }}</p>
  41.             <p class="card-text">
  42.               {% for rubrique in service.rubriques %}
  43.                 {% if rubrique.isShowable %}
  44.                   <h4>
  45.                     {{ rubrique.libelle }}
  46.                     :
  47.                   </h4>
  48.                 {% endif %}
  49.                 <ul>
  50.                   <b id="offre">{% trans %}services.details.offre{% endtrans %}:</b>
  51.                   {% for prestation in rubrique.prestations %}
  52.                     <li id="base-formation">
  53.                       {{ prestation.libelle }}
  54.                       {% if prestation.modules %}
  55.                         <ul id="formation">
  56.                           {% for module in prestation.modules %}
  57.                             {% if module.isShowable %}
  58.                               <li>
  59.                                 <details onload>
  60.                                   <summary>
  61.                                     {{ module.label }}
  62.                                     {% if module.file %}
  63.                                       <p style="margin-top: -23px;">
  64.                                         <a href="/upload/modules/{{ module.file }}"><i class="fa-solid fa-file-arrow-down"></i></a>
  65.                                       </p>
  66.                                     {% endif %}
  67.                                   </summary>
  68.                                   {% if module.description %}
  69.                                     <div class="content">
  70.                                       <p>{{ (module.description ? '   ' ~ module.description : '')|raw }}</p>
  71.                                     </div>
  72.                                   {% endif %}
  73.                                 </details>
  74.                               </li>
  75.                             {% endif %}
  76.                           {% endfor %}
  77.                         </ul>
  78.                       {% endif %}
  79.                     </li>
  80.                   {% endfor %}
  81.                 </ul>
  82.               {% endfor %}
  83.             </p>
  84.           </div>
  86.           {% if true == isAllowed %}
  87.             <div class="col-md-4 text-right">
  88.               <a href="{{ path('new_demande', { serviceId: service.id, demandeId: 0 }) }}"><button class="btn-slider-text">{% trans %}services.details.deposer{% endtrans %}</button></a>
  89.             </div>
  90.           {% elseif true == isShowable %}
  91.             <div class="col-md-4 text-right">
  92.               <a href="javascript:void(0)" id="btn-demande-service"><button class="btn-slider-text">{% trans %}services.details.deposer{% endtrans %}</button></a>
  93.             </div>
  94.           {% endif %}
  95.         </div>
  96.       </div>
  97.     </div>
  98.   </div>
  99. {% endblock %}
  101. {% block javascripts %}
  102.   <script>
  103.       $(document).ready(function () {
  104.       $.ajax({
  105.         url: "{{ path('count_command_article_by_user') }}",
  106.         type: 'GET',
  107.         dataType: 'json',
  108.         success: function (response) {
  109.           if (response.count > 0) {
  110.             $('#notifCartSpan').html(`<i id="notifCart" aria-hidden="true" 
  111.                                                                                                                                                                                                                                                 style=" padding-left: -70px !important; font-size: 12px;"><strong style="color:white !important">${response.count}</strong></i>`)
  112.           } else {
  113.             $('#notifCartSpan').html('')
  114.           }
  115.         }
  116.       })
  117.     })
  118.     
  119.     $(document).ready(function () {
  120.       $.ajax({
  121.         url: "{{ path('count_notification_by_user') }}",
  122.         type: 'GET',
  123.         dataType: 'json',
  124.         success: function (response) {
  125.           if (response.count > 0) {
  126.             $('.notification_count').html(`<strong class="notification-dot" >${response.count}</strong>`)
  127.           } else {
  128.             $('.notification_count').html('')
  129.           }
  130.         }
  131.       })
  132.     })
  133.         window.onload = (event) => {
  134.             if (module.description) {
  135.                 console.log('La page est complètement chargée');
  136.             }
  137.         };
  138.     </script>
  139.   <script>
  140.         {% if app.user %}
  141.             $('#btn-demande-service').click(function () {
  142.                 Swal.fire({icon: 'warning', title: '{{ 'attention.title'|trans }}', text: '{{ isNotAllowedMessage }}'});
  143.             });
  144.         {% else %}
  145.             $('#btn-demande-service').click(function () {
  146.                 Swal.fire( {
  147.                     icon: 'warning',
  148.                     title: '{{ 'attention.title'|trans }}...',
  149.                     text: '{{ isNotAllowedMessage }}',
  150.                 }).then((result) => {
  151.                     if (result.isConfirmed) {
  152.                         location.href = "{{ path( 'login', { 'prevRoute' : 'show_service_detail', 'id' :  service.id  } ) }}";
  153.                     }
  154.                 });
  155.             });
  156.         {% endif %}
  157.     </script>
  158. {% endblock %}