<vn-data-viewer
    data="data"
    is-loading="!data"
    class="vn-w-xs">
    <vn-card>
    <vn-table>
        <vn-tbody>
            <vn-tr ng-repeat="row in data | orderBy:'warehouse.name'">
                <vn-td>{{::row.warehouse.name}}</vn-td>
                <vn-td shrink>
                    <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-data-viewer>
<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
                ng-model="$ctrl.selected.warehouseFk"
                url="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>