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

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

    <section class="certs-company-section">
        <h1 class="certs-company-section__title">Сертификаты</h1>
        <p class="certs-company-section__desc">Компания CarAkb работает официально и подтверждает качество своих услуг документально. Все аккумуляторы поступают от проверенных поставщиков и сопровождаются сертификатами соответствия. Мы соблюдаем технические стандарты при установке и обслуживании АКБ, а также имеем лицензии, подтверждающие право выполнять работы с автомобильным электрооборудованием.</p>
        <ul class="certs-company-section__list" data-gallery-slider-items-popup>
            {% for item in ["АКОМ", "BUSHIDO", "DELKOR, CENE", "EUROSTART, FLAGMAN, ATOM, ИСТОК", "Грузовые EUROSTART, FLAGMAN, АТОМ, ИСТОК, Русская звезда", "АВТОФАН", "VAIPER", "VARTA"] %}
                <li class="certs-company-section__item" data-gallery-slider-item-popup>
                    <img src="/images/cert.png" alt="" class="certs-company-section__item__img">
                    <div class="certs-company-section__item__main">
                        <b>{{ item }}</b>
                        <span>Сертификат соответствия </span>
                    </div>
                </li>
            {% endfor %}
        </ul>
    </section>

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

    <ul class="company-pluses-section branch-company-section__company-pluses">
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#coins"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Выгодные цены</span>
                <p>Официальные представители и представляем лучшие цены</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#mortarboard"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Профессионализм</span>
                <p>Над вашими заказами работают квалицифированные сотрудники</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#delivery-box"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Собственный склад</span>
                <p>На складе находятся все автомобильные аккумуляторы, представленные в каталоге.</p>
            </div>
        </li>
        <li class="company-pluses-section__li">
            <div class="company-pluses-section__li__icon">
                <svg><use xlink:href="/sprite.svg#security"></use></svg>
            </div>
            <div class="company-pluses-section__li__main">
                <span>Гарантия</span>
                <p>На все аккумуляторы гарантия от производителя от 1 года до 4 лет</p>
            </div>
        </li>
    </ul>
{% endblock %}