<ion-modal-view>
  <ion-content scroll="false">
    <div ng-show="masalar">

      <div class="tables-header">
        <button type="button" name="button" class="logout button button-energized" style="font-weight:bold;" ng-click="logout(true)"><i class="ion ion-locked"></i><br>Kilitle</button>
        <button class="halls button button-light" ng-click="changeHall()" style="font-weight:bold; font-size: 1.2em">{{ currentdatetime }}<br>{{ hall.name }}<br><span style="color:red">GARSON: {{ waiter.name }}</a></button>
      </div>

      <div class="tables-body">
        <div class="table" style="position:relative;background:#{{ masa.color }};{{ selected.name==masa.name ? 'border:2px solid red;':''}}{{ masa.waiter ? 'color:brown;':'' }}" ng-click="click('{{ masa }}', {{ masa.waiter ? false : true }})" ng-dblclick="order(masa.id)" ng-repeat="masa in masalar | filter: hall.name">
          <span class="tablename" style="{{ masa.waiter ? 'font-size: 13pt; font-weight:bold;':'font-size: 18pt; font-weight:bold; display:block; line-height: 18vw; width:100%; text-align:center;' }}">{{ masa.name }}<br></span>
          <span class="subtotal" ng-if="masa.waiter">{{ masa.subtotal | number:2 }} ₺<br></span>
          <span class="waiter" ng-if="masa.waiter">{{ masa.customer ? masa.customer : masa.waiter }}</span>
          <i class="ion ion-clock" style="position: absolute; top: 0; right: 5px;font-size: 25pt; color: black" ng-if="masa.status == 1"></i>
          <i class="ion ion-ios-people" style="position: absolute; top: 0; right: 5px;font-size: 25pt; color: royalblue" ng-if="masa.status == 2"></i>
          <i class="ion ion-printer" style="position: absolute; top: 0; right: 5px;font-size: 25pt;" ng-if="masa.status == 3"></i>
        </div>
      </div>
      <div class="tables-footer">
        <button type="button" class="button button-assertive" style="left: 0%" ng-disabled="!selected || selected.status!=2 || selected.subtotal<=0" ng-click="printAddition()"><i class="ion ion-printer"></i><br>Adisyon</button>
        <button type="button" class="button button-calm" style="left: 25%" ng-disabled="!selected || selected.rezerve==0" ng-click="mars()"><i class="ion ion-ios-timer"></i><br>Marş</button>
        <button type="button" name="button" class="table-transfer button button-royal" style="left: 50%;font-weight:bold;{{ transfer_table ? ' background: #362A5D;':''}}" ng-disabled="!selected" ng-click="transfer()"><i class="ion ion-arrow-swap"></i><br>Transfer</button>
        <button type="button" class="button button-balanced" style="left: 75%" ng-disabled="!selected" ng-click="detail()"><i class="ion ion-clipboard"></i><br>Detay</button>
        <!-- <button type="button" class="button button-royal" style="" ng-disabled="!selected" ng-click="changeCustomer()">Hesap</button> -->
      </div>
    </div>
  </ion-content>
</ion-modal-view>
