{% extends 'layouts/main.twig' %}

{% block main %}
    {% include "components/bread-crumbs.twig" %}

    <section class="reviews-company-section">
        <div class="reviews-company-section__head">
            <div class="reviews-company-section__head__main">
                <h1 class="reviews-company-section__head__title">Отзывы</h1>
                <p class="reviews-company-section__head__desc">Выбирая партнёра или работодателя, очень важно быть уверенным в нём на 100%. Мы понимаем, что по каждой компании можно найти отзывы в интернете самостоятельно, но мы ценим время наших Клиентов, поэтому собрали их в одном месте</p>
            </div>
            <div class="reviews-company-section__head__ya-rating">
                <svg class="reviews-company-section__head__ya-rating__icon"><use xlink:href="/sprite.svg#social-ya"></use></svg>
                <div class="reviews-company-section__head__ya-rating__main">
                    <div class="reviews-company-section__head__ya-rating__value">
                        <span>4,9</span>
                        <svg><use xlink:href="/sprite.svg#product-star"></use></svg>
                    </div>
                    <span class="reviews-company-section__head__ya-rating__counter">1 046 оценок</span>
                </div>
            </div>
        </div>

        <div class="reviews-company-section__photos">
            <span class="reviews-company-section__photos-title">Реальные фото покупателей</span>

            <div class="reviews-company-section__photos-list" data-counter="+123">
                {% for item in range(1, 8) %}
                    <a href="" class="reviews-company-section__photo-item" data-reviews-viewer-popup-btn>
                        <img src="/images/reviews/photos/{{ item }}.png" alt="" class="reviews-company-section__photo-item__img">
                    </a>
                {% endfor %}
            </div>
        </div>

        <div class="reviews-company-section__list">
            {% for item in range(1, 2) %}
                <div class="review-item">
                    <div class="review-item__head">
                        <div class="review-item__avatar">
                            <span>АВ</span>
                        </div>
                        <div class="review-item__head__main">
                            <span class="review-item__name">Андрей Кульков</span>
                            <span class="review-item__date">4 августа 2025</span>
                            <div class="stars-rate" style="--rate: 5"></div>
                        </div>
                    </div>
                    <p class="review-item__text">Отличный магазин! Огромный выбор новых и б/у аккумуляторов. Всё показали, рассказали, подобрали аккумулятор, проверили напряжение под нагрузкой 200А, а также другим прибором ёмкость и выдаваемый пусковой ток. Так же проверили и мой АКБ на машине. Скидка за сдачу старого АКБ. Доступна оплата картой. Гарантия на новые и б/у АКБ. Рекомендую сей магазин!</p>
                    <a href="" class="review-item__ya-label">
                        <svg><use xlink:href="/sprite.svg#social-ya"></use></svg>
                        <span>Оригинал отзыва</span>
                    </a>
                </div>
                <div class="review-item">
                    <div class="review-item__head">
                        <div class="review-item__avatar">
                            <img src="/images/avatar.png" alt="">
                        </div>
                        <div class="review-item__head__main">
                            <span class="review-item__name">Андрей Кульков</span>
                            <span class="review-item__date">4 августа 2025</span>
                            <div class="stars-rate" style="--rate: 5"></div>
                        </div>
                    </div>
                    <p class="review-item__text">Отличный магазин! Огромный выбор новых и б/у аккумуляторов. Всё показали, рассказали, подобрали аккумулятор, проверили напряжение под нагрузкой 200А, а также другим прибором ёмкость и выдаваемый пусковой ток. Так же проверили и мой АКБ на машине. Скидка за сдачу старого АКБ. Доступна оплата картой. Гарантия на новые и б/у АКБ. Рекомендую сей магазин!</p>
                    <div class="review-item__photos" data-gallery-slider-items-popup>
                        <img src="/images/reviews/photos/1.png" alt="" class="review-item__photo-item" data-gallery-slider-item-popup>
                        <img src="/images/reviews/photos/2.png" alt="" class="review-item__photo-item" data-gallery-slider-item-popup>
                    </div>
                    <a href="" class="review-item__ya-label">
                        <svg><use xlink:href="/sprite.svg#social-ya"></use></svg>
                        <span>Оригинал отзыва</span>
                    </a>
                </div>
            {% endfor %}
            <button class="reviews-company-section__list__load-more-btn">Загрузить ещё</button>
        </div>
    </section>

    {% include "components/selection-help-section.twig" %}

    {% include "components/popular-brands-akb-section.twig" %}

    {% include "components/articles-section.twig" %}
    
    {% include "components/email-subscribe-section.twig" %}
{% endblock %}