templates/components/sir-trevor/reviews/reviews.html.twig line 1

Open in your IDE?
  1. {#<img src="{{ sonata_path(block['add_feature'][0][0]['add_feature_block_image'], 'reference') }}"/>#}
  4. <figure class="mt-[80px] md:mt-[160px] mb-[80px] w-full">
  7.     {% if block.title is not empty %}
  8.         <h2 class="text-[32px] mb-[32px] md:text-[48px] md:mb-[56px] text-[#1B2028] font-medium text-left leading-[1.2]">{{ block.title|raw }}</h2>
  9.     {% endif %}
  13.     <div class="flex flex-row gap-[16px] justify-between">
  14.         <div class="js--review-slider splide">
  15.             <div class="splide__track">
  16.                 <div class="splide__list">
  17.                     {% if block.add_review is not empty %}
  18.             {% for review_group in block.add_review %}
  19.                 {% for review in review_group %}
  20.                     <div class="py-[20px] px-[24px] items-center w-full rounded-[16px] border border-[#E2E2E9] bg-[#F7F7FA] splide__slide">
  21.                         <div class="flex flex-row items-center flex-wrap gap-[12px] mb-[18px]">
  22.                             <div class="w-[56px] min-w-[56px] h-[56px] max-w-[56px] rounded-[50%]">
  23.                                 <img src="{{ sonata_path(review.add_review_block_image, 'reference') }}" alt="{{ review.add_review_block_name }}">
  24.                             </div>
  26.                             <div class="mr-auto">
  27.                                 <p class="text-[#1B2028] font-medium text-[18px]">{{ review.add_review_block_name }}, {{ review.add_review_block_age }}</p>
  29.                                 <div class="rating" data-rating="{{ review.add_review_block_rate }}">
  30.                                     <input type="radio" id="star5" name="rating" value="5">
  31.                                     <label for="star5">★</label>
  32.                                     <input type="radio" id="star4" name="rating" value="4">
  33.                                     <label for="star4">★</label>
  34.                                     <input type="radio" id="star3" name="rating" value="3">
  35.                                     <label for="star3">★</label>
  36.                                     <input type="radio" id="star2" name="rating" value="2">
  37.                                     <label for="star2">★</label>
  38.                                     <input type="radio" id="star1" name="rating" value="1">
  39.                                     <label for="star1">★</label>
  40.                                 </div>
  41.                             </div>
  43.                             <div class="">
  44.                                 <p class="text-[#909299] font-medium text-[14px]">{{ review.add_review_block_date|date('d/m/Y') }}</p>
  45.                             </div>
  47.                         </div>
  49.                         <div class="flex flex-col gap-[16px] ">
  50.                             <p class="text-[#5B5B5B] font-medium text-[16px]">{{ review.add_review_block_desc|raw }}</p>
  51.                         </div>
  53.                     </div>
  54.                 {% endfor %}
  55.             {% endfor %}
  56.         {% endif %}
  57.                 </div>
  58.             </div>
  59.         </div>
  60.     </div>
  62.     <a class="js--scrollTo min-w-[250px] mt-[56px] w-[235px] block mx-auto">
  63.         {% include '@App/shared/ui/button/button.html.twig' with {
  64.             text: 'Підключитися зараз'|trans({}, 'order'),
  65.         } %}
  66.     </a>
  67. </figure>