<?php
/**
 * Created by PhpStorm.
 * User: @kofes
 * Date: 07.12.18
 * Time: 14:26
 */
?>
<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();?>
<div class="container brands">
    <div class="row">
        <div class="col-12 col-tb-1">
            <h3 class="flippedTitle brands__flippedTitle">Бренды</h3>
        </div>
        <div class="col-1 justify-content-center align-items-center d-none d-tb-flex">
            <svg class="icon icon-arrow_small_left brands__arrow brands__prev">
                <use xlink:href="<?=SITE_TEMPLATE_PATH?>/assets/img/symbol/sprite.svg#arrow_small_left"></use>
            </svg>
        </div>
        <div class="col-12 col-tb-9">
            <ul class="brands__slider">
                <? foreach ($arResult['ITEMS'] as $arItem): ?>
                    <?
                    $this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], $strElementEdit);
                    $this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], $strElementDelete, $arElementDeleteParams);
                    ?>
                    <li id="<?=$this->GetEditAreaId($arItem['ID'])?>"
                        class="brands__slide">
                        <?if(!empty($arItem['PROPERTIES']['LINK']['VALUE'])):?>
                            <a href="<?=$arItem['PROPERTIES']['LINK']['VALUE']?>">
                        <?endif;?>
                            <div class="brands__item" style="background-image:url("<?=$arItem['PREVIEW_PICTURE']['SRC']?>")"></div>
                        <?if(!empty($arItem['PROPERTIES']['LINK']['VALUE'])):?>
                            </a>
                        <?endif;?>
                    </li>
                <? endforeach; ?>
            </ul>
        </div>
        <div class="col-1 justify-content-center align-items-center d-none d-tb-block d-none d-tb-flex">
            <svg class="icon icon-arrow_small_right brands__arrow brands__next">
                <use xlink:href="<?=SITE_TEMPLATE_PATH?>/assets/img/symbol/sprite.svg#arrow_small_right"></use>
            </svg>
        </div>
    </div>
    <div class="brands__dotsMobile"></div>
</div>