<vn-card ng-if="data.length" class="vn-w-xs">
    <vn-table>
        <vn-tbody>
            <vn-tr ng-repeat="row in data | orderBy:'warehouse.name'">
                <vn-td>{{::row.warehouse.name}}</vn-td>
                <vn-td style="width: 1px; text-align: center">
                    <vn-icon-button
                        icon="delete"
                        translate-attr="{title: 'Delete'}"
                        ng-click="$ctrl.onDelete($index)">
                    </vn-icon-button>
                </vn-td>
            </vn-tr>
        </vn-tbody>
    </vn-table>
</vn-card>
<vn-bg-title ng-if="!data">
    <vn-spinner enable="true"></vn-spinner>
</vn-bg-title>
<vn-bg-title ng-if="data.length == 0" translate>
    No records found
</vn-bg-title>
<vn-float-button
    icon="add"
    translate-attr="{title: 'Add'}"
    vn-bind="+"
    ng-click="$ctrl.onCreate()"
    fixed-bottom-right>
</vn-float-button>
<vn-dialog 
    vn-id="dialog"
    on-response="$ctrl.onSave(response)">
    <tpl-body>
        <vn-vertical>
            <vn-autocomplete
                field="$ctrl.selected.warehouseFk"
                url="/api/Warehouses"
                show-field="name"
                value-field="id"
                label="Warehouse">
            </vn-autocomplete>
        </vn-vertical>
    </tpl-body>
    <tpl-buttons>
        <input type="button" response="CANCEL" translate-attr="{value: 'Cancel'}"/>
        <button response="ACCEPT" translate>Save</button>
    </tpl-buttons>
</vn-dialog>
<vn-confirm 
    vn-id="confirm"
    message="This item will be deleted"
    question="Are you sure you want to continue?"
    on-response="$ctrl.delete(response)">
</vn-confirm>