<div class="fullheight">
    <div class="panel panel-default panel-filter">
        <div class="ipe buttons-above-input bai-1">
            <div data-material-input
                 data-ng-model="MasterDetailCtrl.filterText"
                 data-input-id="filter"
                 data-input-label="Filter"
                 data-input-type="text">
            </div>
            <div class="bai-buttons varcheck" data-ng-class="{true: 'var-is-true', false: 'var-is-false'}[MasterDetailCtrl.filterText == '']">
                <button  class="varcheck-if-true btn btn-link btn-primary btn-icon-round" disabled>
                    <i class="md md-search"></i>
                </button>
                <button  class="varcheck-if-false btn btn-link btn-primary btn-icon-round"
                         data-ng-click="MasterDetailCtrl.filterText = ''">
                    <i class="md md-close"></i>
                </button>
            </div>
        </div>
    </div>

    <div class="list-under-filter">
        <div class="list-group max-fullheight scroll-y masterlist"
             data-list-navigation="setDetail"
             data-list="masterList"
             data-active="MasterDetailCtrl.detail"
             data-filter-text="MasterDetailCtrl.filterText">
            <div data-as-sortable="MasterDetailCtrl.sort"
                 data-ng-model="masterList">
                <a class="list-group-item" data-ng-repeat="item in masterList | filter:MasterDetailCtrl.filterText"
                   data-ng-class="{active:MasterDetailCtrl.detail.id == item.id, 'ng-trans ng-trans-scale-up':masterLoaded}"
                   data-ng-click="setDetail(item)"
                   data-as-sortable-item>
                    <div data-ng-show="MasterDetailCtrl.filterText == ''" data-as-sortable-item-handle>
                        <i class="md md-unfold-more"></i>
                    </div>
                    <h3>{{item.total | price}}</h3>
                    <h2>{{item.name}}</h2>
                </a>
            </div>
        </div>
    </div>

    <a class="btn btn-fab btn-success add-item" data-ui-sref="app.itemCreation(MasterDetailCtrl.getStateParams('itemCreation'))">
        <i class="md md-add"></i>
    </a>

</div>