{{ currencies = $ctrl.service.currencyCodes;"" }}

<div class="col-md-9 col-sm-12" data-ng-controller="webshopToCartController as cartCtrl">
    <div class="text" style="background-color: red; padding: 10px; margin-bottom: 20px;" data-ng-if="cartCtrl.showMaintenanceNotice()">
        <p class="paymentMaintenanceNotice" translate="shop.payment-maintenance-notice" style="color: #fff"></p>
    </div>

    <div data-loader="circle-side" data-ng-show="$ctrl.service.loading"></div>
    <div data-ng-show="$ctrl.service.products.length == 0 && !$ctrl.service.loading">
        <h2 class="emptyCart" translate="shop.no-product">There are no products to show!</h2>
    </div><!-- | limitTo:$ctrl.currentEnd -->
    <div class="productItem" data-ng-show="$ctrl.service.products.length > 0 && !$ctrl.service.loading" data-ng-repeat="product in $ctrl.service.products ">
        <img ng-src="{{ $ctrl.getProductImage(product.cover) }}" alt="">
        <div class="text">
            <a href="#" data-ng-click="$ctrl.moreInfo(product)" class="title">{{ product.name }}</a>
            <p class="fs13">{{ product.short }}</p>
            <a href="#" data-ng-click="$ctrl.moreInfo(product)" class="more" translate="common.more-info">More info</a>
        </div>
        <div class="orderItem">
            <span class="price"><span translate="{{ (product.actionPrice != product.grossPrice) ? 'shop.online-price' : 'shop.gross-price' }}">Online price</span>: <br /><em>{{ product.actionPrice | customCurrency : currencies[product.currency].symbol : currencies[product.currency].decimalSeparator : currencies[product.currency].thousandsSeparator : currencies[product.currency].decimalDigits : currencies[product.currency].prefixWithSymbol }}</em></span><br>
            <span class="oldPrice" ng-if="product.actionPrice != product.grossPrice"><span translate="shop.gross-price">Gross price</span>: {{ product.grossPrice | customCurrency : currencies[product.currency].symbol : currencies[product.currency].decimalSeparator : currencies[product.currency].thousandsSeparator : currencies[product.currency].decimalDigits : currencies[product.currency].prefixWithSymbol }}</span>
            <div>
                <label class="fleft" translate="shop.quantity">Quantity</label>
                <div class="input-append" ng-init="cartCtrl.quantities[product.id] = 1">
                    <input type="text" numbers-only maxlength="3" ng-model="cartCtrl.quantities[product.id]" data-ng-class="{error: $ctrl.errors[product.id] == true && !$ctrl.quantities[product.id]}" min="1" value="1" >
                    <span class="add-on" translate="shop.short-quantity">pcs</span>
                </div>
            </div>
            <button data-ng-click="cartCtrl.addToCart(product.id)" data-ng-disabled="$ctrl.service.disableButtons" class="button blue fright"><span translate="shop.to-cart">to cart</span><i class="icon-right"></i></button>
        </div>
    </div>
</div>

<div class="col-md-12 col-sm-12 text-center prelative">
    <a href="#" class="cd-top" scroll-top>
        <span translate="common.top">Top</span><i class="icon-right"></i>
    </a>
    <span data-ng-if="false && $ctrl.hasMore" class="load-more" data-ng-click="$ctrl.loadMore()"><i class="icon-right"></i>
        <span translate="common.load-more">load more</span>
    </span>
</div>

<div class="fullPageLoader loader_wrap">
    <div data-loader="circle"></div>
</div>