<ion-modal-view>
  <ion-header-bar>
    <h1 class="title">{{ product.name }}</h1>
    <span class="button" style="font-size: 1.2em"><b>{{ product.price | number }} ₺</b></span>
  </ion-header-bar>
  <ion-content scroll="false">

    <div class="add-to-cart-body">
      <ion-list>
        <div class="portion">
          <input type="radio" ng-model="addToCartData.portion" value="az" id="az" />
          <label for="az">Az</label>

          <input type="radio" ng-model="addToCartData.portion" value="tek" id="tek" />
          <label for="tek">Tek</label>

          <input type="radio" ng-model="addToCartData.portion" value="bucuk" id="bucuk" />
          <label for="bucuk">Buçuk</label>

          <input type="radio" ng-model="addToCartData.portion" value="duble" id="duble" />
          <label for="duble">Duble</label>
        </div>

        <div class="clear"></div>

        <div class="add-to-cart-quantity">
          {{ addToCartData.quantity }}
        </div>

        <div class="add-to-cart-numpad">
          <button type="button" name="button" class="button button-light" ng-click="numpad('1')">1</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('2')">2</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('3')">3</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('4')">4</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('5')">5</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('6')">6</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('7')">7</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('8')">8</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('9')">9</button>
          <button type="button" name="button" class="button button-light" ng-click="backspace()"><i class="ion ion-backspace"></i></button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('0')">0</button>
          <button type="button" name="button" class="button button-light" ng-click="numpad('.')">.</button>
        </div>
      </ion-list>

      <textarea type="text" ng-model="addToCartData.note" class="note" placeholder="Sipariş Notu"></textarea>


      <ion-scroll scrollY="true" class="list extras">
        <ion-checkbox style="background: #886AEA; color: #fff" ng-model="addToCartData.reserve">
          Rezerve
        </ion-checkbox>
        <ion-checkbox ng-model="addToCartData.extras[$index]" ng-repeat="extra in extras">
          {{ extra.name }}
          <span class="item-note">
            + {{ extra.price | number }} ₺
          </span>
        </ion-checkbox>
      </ion-scroll>

    </div>

  </ion-content>


  <div class="add-to-cart-footer">
    <button type="button" name="button" class="button button-energized" ng-click="closeAddModal()"><i class="ion ion-close"></i><br>Vazgeç</button>
      <button type="button" name="button" class="button button-balanced" ng-click="addToCart()"><i class="ion ion-plus"></i><br>Ekle</button>
  </div>

</ion-modal-view>
