<template>
    <require from="./basic-usage.css!css"></require>
    <require from="aurelia-kendoui-bridge/numerictextbox/numerictextbox"></require>

    <div id="example">
      <div id="add-product" class="demo-section k-content">
        <p class="title">Add new product</p>
        <ul id="fieldlist">
          <li>
            <label for="currency">Price:</label>
             <input type="number"
                                   ak-numerictextbox="k-value.two-way: quantity1; k-min.bind:0; k-decimals.bind: 2 "
                                   id="quantityInput"
                                   placeholder.bind="language.QuantityTon"
                                   keyup.delegate="originalApproach() & debounce: 500"
                                   style="width: 100%">
          </li>
          <li>
            <label for="percentage">Price Discount:</label>
             <input type="number"
                                   ak-numerictextbox="k-value.two-way: quantity2; k-min.bind:0; k-decimals.bind: 2 "
                                   id="quantityInput"
                                   placeholder.bind="language.QuantityTon"
                                   k-on-change.delegate="kendoEventApproach() & debounce: 500"

                                   style="width: 100%">
          </li>

        </ul>
      </div>
    </div>
</template>