<vn-crud-model
    vn-id="model"
    url="/agency/api/Zones"
    filter="::$ctrl.filter"
    limit="20"
    data="zones"
    auto-load="false">
</vn-crud-model>
<div class="content-block">
    <div class="vn-list">
        <vn-card pad-medium-h>
            <vn-searchbar
                panel="vn-zone-search-panel"
                model="model"
                expr-builder="$ctrl.exprBuilder(param, value)"
                vn-focus>
            </vn-searchbar>
        </vn-card>
    </div>
    <vn-card margin-medium-v>
        <vn-table model="model">
            <vn-thead>
                <vn-tr>
                    <vn-th field="id" number>Id</vn-th>
                    <vn-th field="name">Name</vn-th>
                    <vn-th field="agencyModeFk">Agency</vn-th>
                    <vn-th field="warehouseFK">Warehouse</vn-th>
                    <vn-th field="hour">Hour</vn-th>
                    <vn-th field="price" number>Price</vn-th>
                    <vn-th></vn-th>
                </vn-tr>
            </vn-thead>
            <vn-tbody>
                <vn-tr ng-repeat="zone in zones" ui-sref="zone.card.location({id: zone.id})" class="clickable searchResult">
                    <vn-td number>{{::zone.id}}</vn-td>
                    <vn-td>{{::zone.name}}</vn-td>
                    <vn-td>{{::zone.agencyMode.name}}</vn-td>
                    <vn-td>{{::zone.warehouse.name}}</vn-td>
                    <vn-td>{{::zone.hour | date: 'HH:mm'}}</vn-td>
                    <vn-td number>{{::zone.price | currency: 'EUR':2}}</vn-td>
                    <vn-td>
                        <vn-icon-button
                            ng-click="$ctrl.preview($event, zone)"
                            vn-tooltip="Preview"
                            icon="desktop_windows">
                        </vn-icon-button>
                    </vn-td>
                </vn-tr>
            </vn-tbody>
        </vn-table>
    </vn-card>
    <vn-pagination model="model"></vn-pagination>
</div>
<vn-dialog
    vn-id="summary"
    class="dialog-summary">
    <tpl-body>
        <vn-zone-summary zone="$ctrl.zoneSelected"></vn-zone-summary>
    </tpl-body>
</vn-dialog>
<a ui-sref="zone.create" vn-tooltip="New zone" vn-bind="+" fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>