{{ currencies = cartCtrl.service.currencyCodes;"" }}

<a href="#" data-ng-click="cartCtrl.getCart()">
    <i class="icon-cart"></i>
    <span data-translate="header.shopping-cart">shopping cart</span>
    <em data-ng-if="cartCtrl.service.cartSummary.quantity != 0 && cartCtrl.service.cartSummary.quantity">{{ cartCtrl.service.cartSummary.quantity }}</em>
</a>
<ul class="dropDownContainer cartContainer">
    <li>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12" data-ng-if="cartCtrl.service.cart.items.length == 0 || !cartCtrl.service.cart">
                    <h3 class="emptyCart" data-translate="shop.empty-cart">The cart is empty, please visit our store!</h3>

                    <p class="text-center"><button data-ng-click="cartCtrl.onlineShop()" class="mt20 button blue" style="display: inline-block; float: none">
                        <span data-translate="common.online-shop">online-shop</span><i class="icon-right"></i></button>
                    </p>
                </div>
                <div class="col-md-12 col-sm-12" data-ng-if="cartCtrl.service.cart.items.length > 0">
                    <h2 data-translate="header.shopping-cart">shopping cart</h2>
                    <h3 data-ng-if="cartCtrl.service.cart.items.length == 0">{{ cartCtrl.service.message.message }}</h3>
                    <div data-loader="circle-side" data-ng-if="cartCtrl.getCartLoading"></div>
                    <table class="dropdownCartTable" data-ng-if="cartCtrl.service.cart.items.length > 0 && !cartCtrl.getCartLoading">
                        <tr data-ng-repeat="item in cartCtrl.service.cart.items">
                            <td>{{ item.productQuantity }}x</td>
                            <td><img ng-src="{{ cartCtrl.picUrl(item.cover, 'cart_item') }}" alt=""></td>
                            <td>{{ item.name }}</td>
                            <td>{{ item.currentActionPrice | customCurrency : currencies[item.currentCurrency].symbol : currencies[item.currentCurrency].decimalSeparator : currencies[item.currentCurrency].thousandsSeparator : currencies[item.currentCurrency].decimalDigits : currencies[item.currentCurrency].prefixWithSymbol }}</td>
                        </tr>
                        <tr>
                            <td colspan="2"><span data-translate="header.subtotal">Subtotal</span></td>
                            <td colspan="2" class="sum">{{ cartCtrl.service.cartSummary.sumPrice | customCurrency : currencies[cartCtrl.service.cart.currency].symbol : currencies[cartCtrl.service.cart.currency].decimalSeparator : currencies[cartCtrl.service.cart.currency].thousandsSeparator : currencies[cartCtrl.service.cart.currency].decimalDigits : currencies[cartCtrl.service.cart.currency].prefixWithSymbol }}</td>
                        </tr>
                    </table>
                    <p class="text-center"><button data-ng-click="cartCtrl.shoppingCart()" class="mt20 button blue" style="display: inline-block; float: none">
                        <span data-translate="header.shopping-cart">shopping cart</span><i class="icon-right"></i></button>
                    </p>
                </div>
            </div>
        </div>
    </li>
</ul>