<? if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true) die();

use Bitrix\Main\Localization\Loc;

/**
 * @var array $mobileColumns
 * @var array $arParams
 * @var string $templateFolder
 */

?>
<script id="basket-item-template" type="text/html">
    <div class="cart-page__content-item js-cart__item" data-entity="basket-item" data-id="{{ID}}" id="basket-item-{{ID}}">
        <div class="cart-page__img-box">
            <img class="basket-item-image" alt="{{NAME}}"
                 src="{{{IMAGE_URL}}}{{^IMAGE_URL}}<?=$templateFolder?>/images/no_photo.png{{/IMAGE_URL}}">
        </div>
        <div class="cart-page__item-descr">
            <h2>
                {{#DETAIL_PAGE_URL}}
                <a href="{{DETAIL_PAGE_URL}}">
                    {{/DETAIL_PAGE_URL}}
                    <span data-entity="basket-item-name">{{NAME}}</span>
                    {{#DETAIL_PAGE_URL}}
                </a>
                {{/DETAIL_PAGE_URL}}
            </h2>
            <div class="cart-page__descr-content">
                {{#CHEL}}
                    <div>
                        Пользователей: {{CHEL}}
                    </div>
                {{/CHEL}}
                {{#RECYCLE_VOL}}
                    <div>
                        Объем переработки, л/сутки: {{RECYCLE_VOL}}
                    </div>
                {{/RECYCLE_VOL}}
                {{#SBROS_NUM}}
                    <div>
                        Залповый сброс, л: {{SBROS_NUM}}
                    </div>
                {{/SBROS_NUM}}
                {{#ENERGY_USE}}
                    <div>
                        Потреб. энергия, вт/час: {{ENERGY_USE}}
                    </div>
                {{/ENERGY_USE}}
            </div>
        </div>
        <div class="cart-page__btn-box">
            <div class="cart-page__item-btns" data-entity="basket-item-quantity-block">
                <button class="button--ghost cart-page__btn-minus" data-entity="basket-item-quantity-minus">
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" width="20" height="20" fill="none">
                        <path stroke="#939393" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.13 10h13.75"></path>
                    </svg>
                </button>
                <input type="text" class="basket-item-amount-filed cart-page__item-quantity" value="{{QUANTITY}}"
                       {{#NOT_AVAILABLE}} disabled="disabled"{{/NOT_AVAILABLE}}
                data-value="{{QUANTITY}}" data-entity="basket-item-quantity-field"
                id="basket-item-quantity-{{ID}}">
                <button class="button--ghost cart-page__btn-plus" data-entity="basket-item-quantity-plus">
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" width="20" height="20" fill="none">
                        <path stroke="#939393" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.13 10h13.75M10 3.13v13.75"></path>
                    </svg>
                </button>
            </div>
            <div class="cart-page__item-sum js-cart__item-sum" id="basket-item-price-{{ID}}">
                {{{PRICE_FORMATED}}}
            </div>
            <button class="cart-page__item-remove" data-entity="basket-item-delete" style="display: none">
                Х
            </button>
        </div>
    </div>
</script>