templates/front/company/single.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  2. {% block meta %}
  3.     <title>Prestataire
  4.         {{ company.companyName }}</title>
  5.     <meta name="description" content="Page du prestataire {{ company.companyName }} présent dans la catégorie {% for category in company.category %}{{ category.name }}{% endfor %}. {{ avis|length }} avis disponibles sur ce prestataire">
  6. {% endblock %}
  7. {% block body %}
  8.     <style>
  9.         .cont_avis{
  10.             width: 92%;
  11.             margin:auto;
  12.             box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  13.             padding-bottom: 40px;
  14.             border-radius: 0 0 20px 20px;
  15.             margin-top: -80px;
  16.         }
  17.         .img_profil_presta {
  18.             filter: drop-shadow(3px 3px 9px rgba(0, 0, 0, 0.25));
  19.             border-radius: 24px;
  20.             width: 160px;
  21.             height: 160px;
  22.             background-color: violet;
  23.             object-fit: cover;
  24.         }
  25.         .cont_notess {
  26.             display: flex;
  27.             column-gap: 40px;
  28.             flex-direction: row;
  29.         }
  30.         {# image comment #}
  31.         .cont_img_comment {
  32.             display: flex;
  33.             column-gap: 10px;
  34.             margin-bottom: 10px;
  35.         }
  36.         .cont_img_comment img {
  37.             width: 100px;
  38.             height: 100px;
  39.             box-shadow: 1px 1px 5px #0000005c;
  40.             border-radius: 20px;
  41.             object-fit: cover;
  42.         }
  43.         {# name product avi #}
  44.         .user-meta {
  45.             display: flex;
  46.             justify-content: space-between;
  47.         }
  48.     </style>
  49.     <!-- Modal -->
  50.     <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  51.         <div class="modal-dialog" role="document" style="max-width:50%">
  52.             <div class="modal-content">
  53.                 <div class="modal-header">
  54.                     <h5 class="modal-title" id="exampleModalLabel">Conditions de vente de l'entreprise
  55.                         {{ company.companyName }}</h5>
  56.                     <a href="#" class="close" data-dismiss="modal" aria-label="Close">
  57.                         <span aria-hidden="true">&times;</span>
  58.                     </a>
  59.                 </div>
  60.                 <div class="modal-body">
  61.                     <p>{{ company.conditionsVente }}</p>
  62.                 </div>
  63.                 <div class="modal-footer">
  64.                     <a href="#" class="btn btn-secondary" data-dismiss="modal">Fermer</a>
  65.                 </div>
  66.             </div>
  67.         </div>
  68.     </div>
  69.     {# Variable for condition to show info or not depend of abonnement and abonnement isActive #}
  70.     {% set isAbonnementPayed = false %}
  71.     {% if company.abonnements.count() > 0 %}
  72.         {% if company.abonnements.last.isActive %}
  73.             {% set isAbonnementPayed = true %}
  74.         {% endif %}
  75.     {% endif %}
  76.     <div class="real-wedding-single-img" style="background: url('/images/vacncance_blog.jpg')no-repeat center;background-size: cover;">
  77.         <div class="container">
  78.             <div class="row">
  79.                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
  80.                     <div class="realwed-caption">
  81.                         <h1 class="real-wedding-single-title">{{ company.companyName }}</h1>
  82.                         <span class="real-wedding-place ml-4 text-white">
  83.                             <i class="fas fa-map-marker-alt pr-2"></i>
  84.                             {{ company.city }}</span>
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.         </div>
  89.         <!-- page caption -->
  90.         {# <div class="realwed-addressbar">
  91.             <div class="container">
  92.                 <div class="row">
  93.                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  94.                         <p>
  95.                             <span class="ml-4" style="color: white">Prestataire de la catégorie :
  96.                                 <strong>
  97.                                     {% for category in company.category %}
  98.                                         {{ category.name }}
  99.                                         {% if not loop.last %},
  100.                                         {% endif %}
  101.                                     {% endfor %}
  102.                                 </strong>
  103.                             </span>
  104.                         </p>
  105.                     </div>
  106.                 </div>
  107.             </div>
  108.         </div> #}
  109.         <!-- page breadcrumb -->
  110.     </div>
  111.     {# <img src="#" alt="" style="width:100px;height:100px;background-color:red"> #}
  112.     <div class="cont_avis">
  113.         <div class="container">
  114.             {% if company.image != null %}
  115.                 <img src="{{asset(constant('App\\Services\\File::IMAGE_COMPANY_DIR') ~ company.image)}}" class="img_profil_presta mb-3" alt="">
  116.             {% else %}
  117.                 <img src="{{ asset('images/user-default.jpg') }}" class="img_profil_presta mb-3" alt="">
  118.             {% endif %}
  119.             <h1>{{company.companyName}}</h1>
  120.             {% if company.category.toArray() != [] %}
  121.             <p>Prestataire de la catégorie :
  122.                 <strong>
  123.                     {% for category in company.category %}
  124.                         {{ category.name }}
  125.                         {% if not loop.last %},
  126.                         {% endif %}
  127.                     {% endfor %}
  128.                 </strong>
  129.             </p>
  130.             {% endif %}
  131.             {% if isAbonnementPayed %}
  132.             <div class="cont_notess">
  133.                 <div class="one_infos">
  134.                     <strong> . Note : </strong>
  135.                     <p class="mb-0">&nbsp; 
  136.                         <span style="color:#ffa912">
  137.                             {% if notes['globalNote']['count'] > 0 %}
  138.                                 {% set globalNotePresta = notes['globalNote']['totalNote'] / notes['globalNote']['count'] %}
  139.                             {% else %}
  140.                                 {% set globalNotePresta = 0 %}
  141.                             {% endif %}
  142.                             {{ globalNotePresta|number_format(1, '.') }}
  143.                         </span> 
  144.                         {% for i in 1..5 %}
  145.                             {% if i <= globalNotePresta|number_format(1, '.') %}
  146.                                 <i class="fa fa-star rated"></i>
  147.                             {% else %}
  148.                                 <i class="far fa-star rated"></i>
  149.                             {% endif %}
  150.                         {% endfor %}
  151.                     </p>
  152.                     <p style="text-align: center;">({{notes['globalNote']['count']}} évaluations)</p>
  153.                 </div>
  154.                 <div class="one_infos">
  155.                     <strong> . Date : </strong>
  156.                     {# <p>&nbsp; 22 Octobre 2022</p> #}
  157.                     <p>&nbsp; {{ company.createdAt ? company.createdAt|format_datetime(locale='fr',pattern="dd MMMM YYYY"):"" }}</p>
  158.                 </div>
  159.                 <div class="one_infos">
  160.                     <strong> . Adresse  : </strong>
  161.                     {# <p>&nbsp; Pune, Inde (adresse secondaire)</p> #}
  162.                     <p>&nbsp; {{company.city}} ({{company.adress}})</p>
  163.                 </div>
  164.             </div>
  165.             {% endif %}
  166.         </div>
  167.     </div>
  168.     <!-- /.page-header -->
  169.     <div class="content">
  170.         <div class="container">
  171.             <div class="row">
  172.                 <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
  173.                     {% if isAbonnementPayed %}
  174.                     <div class="card border card-shadow-none">
  175.                         <div class="card-header bg-white">
  176.                             <h3 class="mb-0">À propos de
  177.                                 {{ company.companyName }}</h3>
  178.                         </div>
  179.                         <div class="card-body border-top">
  180.                             {{ company.description | raw }}
  181.                         </div>
  182.                     </div>
  183.                     {% endif %}
  184.                     <div class="real-wedding-content bg-white border">
  185.                         <div class="row">
  186.                             <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  187.                                 <div class="card review-summary-table table-responsive">
  188.                                     <table class="table">
  189.                                         <thead>
  190.                                             <tr>
  191.                                                 <th>Prénom</th>
  192.                                                 <th>Note</th>
  193.                                                 <th>Date</th>
  194.                                                 <th>Action</th>
  195.                                             </tr>
  196.                                         </thead>
  197.                                         <tbody>
  198.                                             {% for key,avi in avis %}
  199.                                                 {% if avi.isDesactivatedByAdmin == null and avi.isDesactivatedByAdmin == false %}
  200.                                                     <tr>
  201.                                                         <td class="review-summary-name">{{ avi.client.firstName }}</td>
  202.                                                         <td class="review-summary-rating">
  203.                                                             <span class="rated">
  204.                                                                 {% for i in 1..5 %}
  205.                                                                     {% if i <= avi.globalNote %}
  206.                                                                         <i class="fa fa-star"></i>
  207.                                                                     {% else %}
  208.                                                                         <i class="far fa-star"></i>
  209.                                                                     {% endif %}
  210.                                                                 {% endfor %}
  211.                                                             </span>
  212.                                                             <span class="ml-2">{{ avi.globalNote|number_format(1, '.') }}</span>
  213.                                                         </td>
  214.                                                         <td class="review-summary-id">{{ avi.createdAt|date('d/m/Y') }}</td>
  215.                                                         <td class="review-summary-action">
  216.                                                             <a class="btn btn-outline-pink btn-xs" data-toggle="collapse" id="example-one" data-text-swap="close" data-text-original="Details" href="#{{ avi.product.productSlug }}{{ loop.index }}" aria-expanded="false" aria-controls="collapseExample">Details
  217.                                                             </a>
  218.                                                         </td>
  219.                                                     </tr>
  220.                                                     <tr>
  221.                                                         <td colspan="12" class="expandable-info">
  222.                                                             <div class="collapse expandable-collapse" id="{{ avi.product.productSlug }}{{ loop.index }}">
  223.                                                                 <div class="row">
  224.                                                                     <div
  225.                                                                         class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  226.                                                                         <!-- review-user -->
  227.                                                                         <div class="review-user">
  228.                                                                             <div class="user-img">
  229.                                                                                 {% if avi.client.image == null %}
  230.                                                                                     <img src="{{ asset('images/user-default.jpg') }}" alt="star rating jquery" class="rounded-circle" style="width:50px;height:50px;"></div>
  231.                                                                                 {% else %}
  232.                                                                                     <img src="{{ asset(constant('App\\Services\\File::IMAGE_CLIENT_DIR') ~ avi.client.image) }}" alt="star rating jquery" class="rounded-circle" style="width:50px;height:50px;"></div>
  233.                                                                                 {% endif %}
  234.                                                                             <div class="user-meta">
  235.                                                                                 <span class="user-name mb-2">{{ avi.client.firstName }}</span>
  236.                                                                                 <div class="given-review"></div>
  237.                                                                                 <span>{{ avi.product.name }}</span>
  238.                                                                             </div>
  239.                                                                         </div>
  240.                                                                         <!-- /.review-user -->
  241.                                                                         <!-- review-descripttions -->
  242.                                                                         <div class="review-descriptions mt-4">
  243.                                                                             {% if avi.text %}
  244.                                                                                 <p>{{ avi.text }}</p>
  245.                                                                             {% else %}
  246.                                                                                 <p>Aucun avis déposé</p>
  247.                                                                             {% endif %}
  248.                                                                             <div class="cont_img_comment" id="id_img_{{key}}">
  249.                                                                                 {% for imgcomment in avi.imageComments.toArray() %}
  250.                                                                                     <img src={{ asset(constant('App\\Services\\File::IMAGE_COMMENT_DIR') ~ imgcomment.url) }} class="img_comment">
  251.                                                                                 {% endfor %}
  252.                                                                             </div>
  253.                                                                             <div class="row">
  254.                                                                                 <div
  255.                                                                                     class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  256.                                                                                     <!-- review-list -->
  257.                                                                                     <div class="review-list mr-1">
  258.                                                                                         <div class="review-for">Qualité du service</div>
  259.                                                                                         <div class="review-rating">
  260.                                                                                             <span class="rated">
  261.                                                                                                 {% for i in 1..5 %}
  262.                                                                                                     {% if i <= avi.serviceQuality %}
  263.                                                                                                         <i class="fa fa-star"></i>
  264.                                                                                                     {% else %}
  265.                                                                                                         <i class="far fa-star"></i>
  266.                                                                                                     {% endif %}
  267.                                                                                                 {% endfor %}
  268.                                                                                             </span>
  269.                                                                                         </div>
  270.                                                                                         <div class="review-number">{{ avi.serviceQuality }}</div>
  271.                                                                                     </div>
  272.                                                                                     <!-- /.review-list -->
  273.                                                                                     <!-- review-list -->
  274.                                                                                     <div class="review-list mr-1">
  275.                                                                                         <div class="review-for">Fiabilité</div>
  276.                                                                                         <div class="review-rating">
  277.                                                                                             <span class="rated">
  278.                                                                                                 {% for i in 1..5 %}
  279.                                                                                                     {% if i <= avi.fiability %}
  280.                                                                                                         <i class="fa fa-star"></i>
  281.                                                                                                     {% else %}
  282.                                                                                                         <i class="far fa-star"></i>
  283.                                                                                                     {% endif %}
  284.                                                                                                 {% endfor %}
  285.                                                                                             </span>
  286.                                                                                         </div>
  287.                                                                                         <div class="review-number">{{ avi.fiability }}</div>
  288.                                                                                     </div>
  289.                                                                                     <!-- /.review-list -->
  290.                                                                                     <!-- review-list -->
  291.                                                                                     <div class="review-list mr-1">
  292.                                                                                         <div class="review-for">Prix</div>
  293.                                                                                         <div class="review-rating">
  294.                                                                                             <span class="rated">
  295.                                                                                                 {% for i in 1..5 %}
  296.                                                                                                     {% if i <= avi.price %}
  297.                                                                                                         <i class="fa fa-star"></i>
  298.                                                                                                     {% else %}
  299.                                                                                                         <i class="far fa-star"></i>
  300.                                                                                                     {% endif %}
  301.                                                                                                 {% endfor %}
  302.                                                                                             </span>
  303.                                                                                         </div>
  304.                                                                                         <div class="review-number">{{ avi.price }}</div>
  305.                                                                                     </div>
  306.                                                                                     <!-- /.review-list -->
  307.                                                                                     <!-- review-list -->
  308.                                                                                     <div class="review-list">
  309.                                                                                         <div class="review-for">Rapidité</div>
  310.                                                                                         <div class="review-rating">
  311.                                                                                             <span class="rated">
  312.                                                                                                 {% for i in 1..5 %}
  313.                                                                                                     {% if i <= avi.speed %}
  314.                                                                                                         <i class="fa fa-star"></i>
  315.                                                                                                     {% else %}
  316.                                                                                                         <i class="far fa-star"></i>
  317.                                                                                                     {% endif %}
  318.                                                                                                 {% endfor %}
  319.                                                                                             </span>
  320.                                                                                         </div>
  321.                                                                                         <div class="review-number">{{ avi.speed }}</div>
  322.                                                                                     </div>
  323.                                                                                     <div class="review-list mr-1">
  324.                                                                                         <div class="review-for">Description conforme</div>
  325.                                                                                         <div class="review-rating">
  326.                                                                                             <span class="rated">
  327.                                                                                                 {% for i in 1..5 %}
  328.                                                                                                     {% if i <= avi.conformDescription %}
  329.                                                                                                         <i class="fa fa-star"></i>
  330.                                                                                                     {% else %}
  331.                                                                                                         <i class="far fa-star"></i>
  332.                                                                                                     {% endif %}
  333.                                                                                                 {% endfor %}
  334.                                                                                             </span>
  335.                                                                                         </div>
  336.                                                                                         <div class="review-number">{{ avi.conformDescription }}</div>
  337.                                                                                     </div>
  338.                                                                                     <div class="review-list">
  339.                                                                                         <div class="review-for">Communication</div>
  340.                                                                                         <div class="review-rating">
  341.                                                                                             <span class="rated">
  342.                                                                                                 {% for i in 1..5 %}
  343.                                                                                                     {% if i <= avi.communication %}
  344.                                                                                                         <i class="fa fa-star"></i>
  345.                                                                                                     {% else %}
  346.                                                                                                         <i class="far fa-star"></i>
  347.                                                                                                     {% endif %}
  348.                                                                                                 {% endfor %}
  349.                                                                                             </span>
  350.                                                                                         </div>
  351.                                                                                         <div class="review-number">{{ avi.communication }}</div>
  352.                                                                                     </div>
  353.                                                                                     <!-- /.review-list -->
  354.                                                                                     <!-- review-list -->
  355.                                                                                 </div>
  356.                                                                                 <!-- /.review-list -->
  357.                                                                             </div>
  358.                                                                         </div>
  359.                                                                         <!-- /.review-descripttions -->
  360.                                                                     </div>
  361.                                                                 </div>
  362.                                                             </div>
  363.                                                         </td>
  364.                                                     </tr>
  365.                                                 {% endif %}
  366.                                             {% else %}
  367.                                                 <tr>
  368.                                                     <td>Aucun avis pour le moment</td>
  369.                                                 </tr>
  370.                                             {% endfor %}
  371.                                         </tbody>
  372.                                     </table>
  373.                                 </div>
  374.                                 <div class="pagination float-right">
  375.                                     <nav aria-label="Page navigation example">
  376.                                         {{ knp_pagination_render(avis) }}
  377.                                     </nav>
  378.                                 </div>
  379.                             </div>
  380.                         </div>
  381.                     </div>
  382.                     <!-- /.real-wedding-grid -->
  383.                 </div>
  384.                 <!-- sidebar -->
  385.                 <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
  386.                     <div class="sidebar ">
  387.                         <div class="card border card-shadow-none widget-vendor-list ">
  388.                             <div class="card-header bg-white">
  389.                                 <h3 class="mb-0">Prestataire</h3>
  390.                             </div>
  391.                             <div class="card-body border-top vendor-sidebar-list">
  392.                                 <h5 class="vendor-list-title">Conditions de vente :</h5>
  393.                                 <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  394.                                     Voir
  395.                                 </a>
  396.                             </div>
  397.                             <div class="card-body border-top vendor-sidebar-list">
  398.                                 <h5 class="vendor-list-title">Prestations :</h5>
  399.                                 {% for category in company.category %}
  400.                                     {{ category.name }}
  401.                                     {% if not loop.last %},
  402.                                     {% endif %}
  403.                                 {% endfor %}
  404.                             </div>
  405.                             <div class="card-body border-top vendor-sidebar-list">
  406.                                 <h5 class="vendor-list-title">Nombre de services proposés :</h5>
  407.                                 {{ lastProducts|length }}
  408.                                 service{% if lastProducts|length > 1 %}s{% endif %}
  409.                             </div>
  410.                             <div class="card-body border-top vendor-sidebar-list">
  411.                                 <h5 class="vendor-list-title">Note globale du prestataire :</h5>
  412.                                 {% if notes['globalNote']['count'] > 0 %}
  413.                                     {% set globalNotePresta = notes['globalNote']['totalNote'] / notes['globalNote']['count'] %}
  414.                                 {% else %}
  415.                                     {% set globalNotePresta = 0 %}
  416.                                 {% endif %}
  417.                                 <a href="#" class="vendor-list-link">{{ globalNotePresta|number_format(1, '.') }}</a>
  418.                             </div>
  419.                         </div>
  420.                     </div>
  421.                 </div>
  422.                 <!-- /.sidebar -->
  423.             </div>
  424.             <div class="row">
  425.                 
  426.             </div>
  427.             <div class="row">
  428.                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  429.                     <div class="section-block">
  430.                         <h2>Produits du prestataire</h2>
  431.                     </div>
  432.                 </div>
  433.                 {% for otherProduct in lastProducts %}
  434.                     <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
  435.                         <div class="container-block-Pcompanies mb-3">
  436.                             <div class="container-imageP zoomimg">
  437.                                 {% if otherProduct.photos is not empty %}
  438.                                     <img src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ otherProduct.photos.first.url) }}" alt="{{ otherProduct.name }}" class="img-fluid" style="object-fit: cover; border-radius: .5rem .5rem 0 0;">
  439.                                 {% else %}
  440.                                     <img src="{{ asset('images/vecteezy_vector-gear-logo-design-with-multi-colors-range_6172776.jpg') }}" alt="default image" class="img-fluid" style="height: 213px;object-fit: cover; border-radius: .5rem .5rem 0 0;">
  441.                                 {% endif %}
  442.                             </div>
  443.                             <div class="container-info-presta" style="padding-bottom: 80px;">
  444.                                 <h2 class="vendor-title">
  445.                                     <a href="{{ path('front_product_single', {'slug': otherProduct.subCategories[0].categories[0].slug, 'subCategorySlug': otherProduct.subCategories[0].subCategorySlug, 'product_id': otherProduct.id, 'productSlug': otherProduct.productSlug}) }}" class="title">{{ otherProduct.name }}</a>
  446.                                 </h2>
  447.                                 <p class="vendor-address">
  448.                                     {% for department in otherProduct.departments %}
  449.                                         {{ department.name }}
  450.                                         {% if not loop.last %},
  451.                                         {% endif %}
  452.                                     {% else %}
  453.                                         Toute la France
  454.                                     {% endfor %}
  455.                                 </p>
  456.                                 <p><i class="fas fa-money-bill-wave"></i> Prix
  457.                                     <strong>{{ otherProduct.price|number_format(2, '.') }}</strong>
  458.                                     €</p>
  459.                                 <p><i class="fa fa-star rated"></i>
  460.                                     4,9 Avis</p>
  461.                                 <p>{{ otherProduct.quantity }} Quantité restante</p>
  462.                             </div>
  463.                             <div class="wishlist-sign">
  464.                                 <a href="#" class="btn-wishlist">
  465.                                     <i class="fa fa-heart"></i>
  466.                                 </a>
  467.                             </div>
  468.                             <a href="{{ path('front_product_single', {'slug': otherProduct.subCategories[0].categories[0].slug, 'subCategorySlug': otherProduct.subCategories[0].subCategorySlug, 'product_id': otherProduct.id, 'productSlug': otherProduct.productSlug}) }}" class="title">
  469.                                 <button class="btnVoirP btn">Voir le produit</button>
  470.                             </a>
  471.                         </div>
  472.                     </div>
  473.                 {% endfor %}
  474.                 {# {% for otherProduct in lastProducts %}
  475.                     <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12">
  476.                         <div
  477.                             class="vendor-thumbnail">
  478.                             <!-- Vendor thumbnail -->
  479.                             <div
  480.                                 class="vendor-img zoomimg">
  481.                                 <!-- Vendor img -->
  482.                                 <a href="{{ path('front_product_single', {'slug': otherProduct.subCategories[0].categories[0].slug, 'subCategorySlug': otherProduct.subCategories[0].subCategorySlug, 'product_id': otherProduct.id, 'productSlug': otherProduct.productSlug}) }}"><img src="{{ asset(constant('App\\Services\\File::IMAGE_PRODUCT_DIR') ~ otherProduct.photos.first.url) }}" alt="{{ otherProduct.name }}" class="img-fluid"></a>
  483.                                 <div class="wishlist-sign">
  484.                                     <a href="#" class="btn-wishlist">
  485.                                         <i class="fa fa-heart"></i>
  486.                                     </a>
  487.                                 </div>
  488.                             </div>
  489.                             <!-- /.Vendor img -->
  490.                             <div
  491.                                 class="vendor-content">
  492.                                 <!-- Vendor Content -->
  493.                                 <h2 class="vendor-title">
  494.                                     <a href="{{ path('front_product_single', {'slug': otherProduct.subCategories[0].categories[0].slug, 'subCategorySlug': otherProduct.subCategories[0].subCategorySlug, 'product_id': otherProduct.id, 'productSlug': otherProduct.productSlug}) }}" class="title">{{ otherProduct.name }}</a>
  495.                                 </h2>
  496.                                 <p class="vendor-address">
  497.                                     {% for department in otherProduct.departments %}
  498.                                         {{ department.name }}
  499.                                         {% if not loop.last %},
  500.                                         {% endif %}
  501.                                     {% else %}
  502.                                         Toute la France
  503.                                     {% endfor %}
  504.                                 </p>
  505.                             </div>
  506.                             <div class="vendor-meta">
  507.                                 <div class="vendor-meta-item vendor-meta-item-bordered">
  508.                                     <span class="vendor-price">
  509.                                         {{ otherProduct.price|number_format(2, '.') }}€
  510.                                     </span>
  511.                                     <span class="vendor-text">Prix</span>
  512.                                 </div>
  513.                                 <div class="vendor-meta-item vendor-meta-item-bordered">
  514.                                     <span class="vendor-guest">
  515.                                         {{ otherProduct.quantity }}
  516.                                     </span>
  517.                                     <span class="vendor-text">Quantité restante</span>
  518.                                 </div>
  519.                                 <div class="vendor-meta-item vendor-meta-item-bordered">
  520.                                     <span class="rating-star">
  521.                                         <i class="fa fa-star rated"></i>
  522.                                         <i class="fa fa-star rated"></i>
  523.                                         <i class="fa fa-star rated"></i>
  524.                                         <i class="fa fa-star rated"></i>
  525.                                         <i class="fa fa-star rate-mute"></i>
  526.                                     </span>
  527.                                     <span class="rating-count vendor-text">(20)</span>
  528.                                 </div>
  529.                             </div>
  530.                             <!-- /.Vendor Content -->
  531.                         </div>
  532.                         <!-- /.Vendor thumbnail -->
  533.                     </div>
  534.                 {% endfor %} #}
  535.             </div>
  536.         </div>
  537.     </div>
  538. {% endblock %}
  539. {% block javascript %}
  540.     <script title="zoom img comment">
  541.     {% for key,avi in avis %}
  542.         if ($('.img_comment').length) {
  543.             console.log("tafiditra....");
  544.             $('#id_img_{{key}} .img_comment').magnificPopup({
  545.                 items: [{% for imgcomment in avi.imageComments.toArray() %}{
  546.                         src: "{{ asset(constant('App\\Services\\File::IMAGE_COMMENT_DIR') ~ imgcomment.url) }}",
  547.                         title: 'Photo ' + {{ loop.index }}
  548.                     },{% endfor %}],
  549.                 gallery: {
  550.                     enabled: true
  551.                 },
  552.                 type: 'image' // this is a default type
  553.             });
  554.         }
  555.     {% endfor %}
  556.     </script>
  557. {% endblock %}