<script src="bower_components/doT/doT.min.js"></script>
<script src="bower_components/jquery-doTmpl/dist/jq-dot.min.js"></script>

<!-- container with initial data values -->
<div id="cart"
     data-price_value="10"
     data-discount_value="2"
     data-discount_percent="18"
     data-price_without_discount="12"
    ></div>
<!-- be careful "data-param-name-one" attribute will be interpreted as "it.paramNameOne"
    see https://www.w3.org/TR/html5/dom.html#dom-dataset
    
    Writing a statement like: $( "body" ).data( { "my-name": "aValue" } ).data();
    will return: { myName: "aValue" }
-->
 
<!-- Template -->
<script type="text/plain" id="tmpl-cart">
{{? it.price_value > 0 }}
        <div class="prices">
            {{? it.discount_value > 0 }}
              <div class="old">
                <s>Цена: {{= it.price_without_discount }}</s>
                        {{? it.discount_percent > 0 }}
                            <b class="discount">Your discount {{= it.discount_percent }}%</b>
                        {{?}}
                </div>
            {{?}}
            <div class="current">
                {{?it.discount_value>0}}Discount price{{??}}Price{{?}}:&nbsp;
                <span class="value">{{= it.price_value_fmt }}</span>
            </div>
        </div>
        <a href="#modal-make-order" data-toggle="modal" class="btn-block btn-primary">Buy now</a>
{{??}}
    <div class="buy-block-dummy">Your basket is empty</div>
{{?}}
</script>