<nav class="navbar navbar-default">
    <button class="btn btn-touch btn-default" ng-click="pax()">Pax: {{voucher.Pax}}</button>
    <button class="btn btn-touch btn-default" ng-click="discount()">Discount</button>
    <button class="btn btn-touch btn-default" ng-click="printKot()">Print Kot</button>
</nav>
<div class="row">
</div>
<div class="row">
    <div class="col-md-4">
        <table class="table table-condensed table-bordered table-striped">
            <thead>
            <tr>
                <th>Details</th>
            </tr>
            </thead>
            <tbody ng-repeat="kot in voucher.Kots">
            <tr>
                <td>Kot</td>
            </tr>
            <tr ng-repeat="inventory in kot.Inventories" ng-click="selectProduct(!kot.KotID, $index)">
                <td><span class="badge" ng-if="voucher.PerSeat">{{inventory.Chair}}</span>
                    {{inventory.Quantity}} x {{inventory.Product.Name}}
                    <p ng-if="!kot.KotID && $index == selectedProduct">
                        <button class="btn btn-touch btn-default" ng-click="quantity(inventory, index)">Quantity</button>
                        <button class="btn btn-touch btn-default" ng-click="modifier(inventory)">Modifier</button>
                        <button class="btn btn-touch btn-default" ng-click="delete(inventory, $index)">Delete</button>
                    </p>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="col-md-7">
        <button ng-repeat="item in products" class="btn btn-default btn-touch" ng-click="addProduct(item)"
                ng-class="{'btn-warning': item.Disabled, 'btn-warning': item.HappyHour}">
            {{item.Name}}
        </button>
    </div>
    <div class="col-md-1">
        <button ng-repeat="item in product_groups" class="btn btn-default btn-touch btn-block"
                ng-click="selectProductGroup($index)">
            {{item.Name}}
        </button>
    </div>
</div>