{{!--
    A single position in the light range products shopping cart

    Related JS module(s): lightRangeProductsModule.js
--}}
{{#each items}}
<div class="productfinder__cart__product" data-product="{{product.id}}">
    <span class="productfinder__cart__productdetails">
        <input type="number" class="productfinder__cart__productcount" value="{{count}}"/>
        <span class="productfinder__cart__productcount-x"> × </span>
        <span class="productfinder__cart__productprice">{{product.price}}</span>
        <span class="productfinder__cart__productimage">
            <img src="{{product.image}}" alt="{{product.title}}" title="{{product.title}}">
        </span>
        <h3 class="productfinder__cart__productname small">{{product.title}}</h3>
    </span>
    <span class="productfinder__cart__datepicker">
        <p>{{../checkoutRentalPeriod}}</p>
        <span class="productfinder__cart__datepicker__wrapper">
            <span class="productfinder__cart__productdatefrom datepicker input-wrapper">
                <input class="productfinder__cart__productdatefrom--input" type="text" placeholder="mm/dd/yy" />
            </span>
            <span class="productfinder__cart__productdateto datepicker input-wrapper ">
                <input class="productfinder__cart__productdateto--input" type="text" placeholder="mm/dd/yy" />
            </span>
        </span>
    </span>
    <a href="#" class="productfinder__cart__product-remove-btn btn__link">
        <div class="btn btn--icon no-background">
            <span class="icon icon-LMHIconclosecancelblack"></span>
        </div>
    </a>
</div>
{{/each}}