<h2>Accounts
    <div class="form-group col-md-9 pull-right">
        <div class="col-md-10">
            <input type="text" class="form-control"
                   placeholder="Search: n:Name, a:Active, u:Units, g:Group, e:true for extended properties, &quot; or ' for Quotes"
                   ng-model="search">
        </div>
        <div class="col-md-2">
            <a href="/Account" 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" keypress="shortcuts">
    <thead>
    <tr>
        <th>Name</th>
        <th>Type</th>
        <th>Is Active?</th>
        <th>Is Reconcilable?</th>
        <th>Cost Centre</th>
    </tr>
    </thead>
    <tbody>
    <tr id="{{$index}}" ng-repeat="item in accounts" ng-class="{warning:$index==selected}"
        ng-click="setSelected($index)">
        <td><a href="{{item.Url}}">{{item.Name}}</a></td>
        <td>{{item.Type}}</td>
        <td>{{item.IsActive}}</td>
        <td>{{item.IsReconcilable}}</td>
        <td>{{item.CostCentre}}</td>
    </tr>
    </tbody>
</table>
