{{!-- 
    Light range products checkout overview

    Related JS module(s): lightRangeProductsModule.js
--}}
{{#each items}}
<div class="light-range-products__checkout-overview__item">
    <div class="light-range-products__checkout-overview__icon">
        <img src="{{product.icon}}" alt="{{product.title}}" title="{{product.title}}">
    </div>
    <div class="light-range-products__checkout-overview__info">
        <h4>{{product.title}}</h4>
        <div>
            <input class="input--right"
                type="number"
                value="{{count}}"
                data-product="{{product.id}}">
                × {{product.priceExcludingTaxAsString}}
                {{!-- ({{../translations.plus}} {{unitShippingCostAsString}} {{../translations.shipping}}) --}}
        </div>
        <div class="light-range-products__checkout-overview__product-total">
            <span class="light-range-products__checkout-overview__product-sum">
                {{totalExcludingTaxAsString}}
            </span>
            {{!-- ({{../translations.plus}}
            <span class="light-range-products__checkout-overview__product-shipping">
                {{unitShippingCostAsString}}
            </span>
            {{../translations.shipping}}) --}}
        </div>
    </div>
    <div class="light-range-products__checkout-overview__remove">
        <a href="#" class="light-range-products__checkout-overview__remove-btn btn__link"
            data-product="{{product.id}}">
            <div class="btn btn--icon no-background">
                <span class="icon icon-LMHIconclosecancelblack"></span>
            </div>
        </a>
    </div>
</div>
{{/each}}