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

<div class="prodDetails">
    <button data-ng-click="ctrl.productCtrl.closeModal()" class="icon-close"></button>
    <h2>{{ ctrl.product.name }}</h2>
    <img ng-src="{{ ctrl.productCtrl.getProductImage(ctrl.product.cover) }}" alt="">
    <div class="text">
        <p>{{ ctrl.product.short }}</p>
    </div>
</div>
<div class="orderItem" data-ng-controller="webshopToCartController as cartCtrl">
    <button data-ng-disabled="$ctrl.service.disableButtons" data-ng-click="cartCtrl.addToCart(ctrl.product.id);ctrl.productCtrl.closeModal()" class="button blue fright"><span translate="shop.to-cart">to cart</span><i class="icon-right"></i></button>
    <div>
        <label class="fleft" data-translate="shop.quantity">Quantity</label>
        <div class="input-append" ng-init="cartCtrl.quantities[ctrl.product.id] = 1">
            <input type="text" numbers-only maxlength="3" ng-model="cartCtrl.quantities[ctrl.product.id]" data-ng-class="{error: ctrl.productCtrl.errors[ctrl.product.id] == true && !ctrl.productCtrl.quantities[ctrl.product.id]}" min="1" value="1" >
            <span class="add-on" data-translate="shop.short-quantity">pcs</span>
        </div>
    </div>
    <span class="oldPrice" ng-if="ctrl.product.actionPrice != ctrl.product.grossPrice"><span data-translate="shop.price">Price</span>: {{ ctrl.product.grossPrice | currency : currencies[ctrl.product.currency].symbol : currencies[ctrl.product.currency].fractionSize : currencies[ctrl.product.currency].suffixSymbol }}</span><br>
    <span class="price"> <span data-translate="{{ (ctrl.product.actionPrice != ctrl.product.grossPrice) ? 'shop.online-price' : 'shop.gross-price' }}">Online price</span>: <em>{{ ctrl.product.actionPrice | currency : currencies[ctrl.product.currency].symbol : currencies[ctrl.product.currency].fractionSize : currencies[ctrl.product.currency].suffixSymbol }}</em></span>
</div>
<div class="text" style="padding:10px;" ng-bind-html="ctrl.product.text"></div>
<div data-ng-if="!!ctrl.product.text" class="orderItem" data-ng-controller="webshopToCartController as cartCtrl">
    <button data-ng-disabled="$ctrl.service.disableButtons" data-ng-click="cartCtrl.addToCart(ctrl.product.id);ctrl.productCtrl.closeModal()" class="button blue fright"><span translate="shop.to-cart">to cart</span><i class="icon-right"></i></button>
    <div>
        <label class="fleft" data-translate="shop.quantity">Quantity</label>
        <div class="input-append" ng-init="cartCtrl.quantities[ctrl.product.id] = 1">
            <input type="text" numbers-only maxlength="3" ng-model="cartCtrl.quantities[ctrl.product.id]" data-ng-class="{error: ctrl.productCtrl.errors[ctrl.product.id] == true && !ctrl.productCtrl.quantities[ctrl.product.id]}" min="1" value="1" >
            <span class="add-on" data-translate="shop.short-quantity">pcs</span>
        </div>
    </div>
    <span class="oldPrice" ng-if="ctrl.product.actionPrice != ctrl.product.grossPrice"><span data-translate="shop.price">Price</span>: {{ ctrl.product.grossPrice | currency : currencies[ctrl.product.currency].symbol : currencies[ctrl.product.currency].fractionSize : currencies[ctrl.product.currency].suffixSymbol }}</span><br>
    <span class="price"> <span data-translate="{{ (ctrl.product.actionPrice != ctrl.product.grossPrice) ? 'shop.online-price' : 'shop.gross-price' }}">Online price</span>: <em>{{ ctrl.product.actionPrice | currency : currencies[ctrl.product.currency].symbol : currencies[ctrl.product.currency].fractionSize : currencies[ctrl.product.currency].suffixSymbol }}</em></span>
</div>