<h2>Products
    <div class="form-group col-md-9 pull-right">
        <div class="col-md-10">
            <input type="text" class="form-control" placeholder="Search" ng-model="search">
        </div>
        <div class="col-md-2">
        <a href="/Product" class="btn btn-success btn-block">Add <i
                class="glyphicon glyphicon-plus"></i></a>
            </div>
    </div>
</h2>
<table class="table table-condensed table-bordered table-striped">
    <thead>
    <tr>
        <th>Code</th>
        <th>Name</th>
        <th>Group</th>
        <th>Price</th>
        <th>Happy Hour</th>
        <th>Service Tax</th>
        <th>Vat</th>
        <th>Service Charge</th>
        <th>Active</th>
        <th>Fixture</th>
        <th>Sort Order</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="item in products">
        <td>{{item.Code}}</td>
        <td><a href="{{item.Url}}">{{item.Name}}</a></td>
        <td>{{item.ProductGroup}}</td>
        <td class="text-right">{{item.Price | currency}}</td>
        <td>{{item.HappyHour | iif:'Happy Hour':'Full Rate'}}</td>
        <td>({{item.ServiceTaxRate | number:2}}%) {{item.ServiceTax}}</td>
        <td>({{item.VatRate | number:2}}%) {{item.Vat}}</td>
        <td>{{item.ServiceCharge | number:2}}% {{item.ScTaxable | iif:'Taxable':'Tax Free'}}</td>
        <td>{{item.IsActive | iif:'Active':'Disabled'}}</td>
        <td>{{item.IsFixture | iif:'Fixture':''}}</td>
        <td class="text-right">{{item.SortOrder}}</td>
    </tr>
    </tbody>
</table>
