<ion-modal-view>
  <ion-content scroll="false">
    <div class="row order-header"><b class="col text-left">{{ hall.name }}</b><b class="col text-center">MS: {{ table }}</b><b class="col text-right">{{ waiter.name }}</b></div>
    <div class="list order-categories">
        <div ng-repeat="category in categories" style="{{ selectedCategory.name==category.name ? 'background:#60BA7D; color: #fff':''}}" ng-click="selectCategory('{{ category.name }}')">{{ category.name }}</div>
    </div>
    <div class="list order-products" id="products">
        <div ng-repeat="product in selectedCategory.items" ng-click="add('{{ product }}')">
          {{ product.name }}
        </div>
    </div>

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

    <div class="order-buttons">
      <button type="button" style="left: 1%;" class="button button-calm" ng-click="giveOrder(false)"><i class="ion ion-android-done-all"></i><br>Kaydet</button>
      <button type="button" style="left: 26%; width:48%;" class="button button-balanced" ng-click="giveOrder(true)"><i class="ion ion-paper-airplane"></i><br>Gönder</button>
      <button type="button" style="left: 75%;" class="button button-energized" ng-click="goHome()"><i class="ion ion-clock"></i><br>Beklet</button>
    </div>
    <ul class="list order-cart">
      <li class="item" ng-repeat="item in cart" ng-click="remove('{{ item.id }}', '{{ item.name }}')">
        {{ item.name }}
        <span class="item-note">
          {{ item.time }}
        </span><br>
        <span style="padding-left: 10px" ng-if="item.extra">
          <a>*</a> {{ item.extra }}
        </span>
        <span class="item-note">
          {{ item.quantity | number }} Adet
        </span><br>
        <span style="color: #f00; font-size: .9em; font-weight: bold">{{ item.waiter }}</span>
        <span class="item-note">
        {{ item.total | number:2 }} ₺
        </span>
      </li>
    </ul>
  </ion-content>
</ion-modal-view>
