<vn-crud-model auto-load="true"
    url="Zones/{{$ctrl.$params.id}}/warehouses"
    include="{relation: 'warehouse'}"
    data="zoneWarehouses">
</vn-crud-model>
<vn-card class="summary">
    <h5>#{{$ctrl.summary.id}} - {{$ctrl.summary.name}}</h5>
    <vn-horizontal class="vn-pa-md">
        <vn-one>    
            <vn-label-value label="Agency"
                value="{{$ctrl.summary.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value label="Price"
                value="{{$ctrl.summary.price | currency: 'EUR': 2}}">
            </vn-label-value>
            <vn-label-value label="Bonus"
                value="{{$ctrl.summary.bonus | currency: 'EUR': 2}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <vn-label-value label="Closing hour (ETD)"
                value="{{$ctrl.summary.hour | date: 'HH:mm'}}">
            </vn-label-value>
            <vn-label-value label="Traveling days"
                value="{{$ctrl.summary.travelingDays}}">
            </vn-label-value>
            <vn-vertical>
                <vn-check label="Volumetric" disabled="true"
                    ng-model="$ctrl.summary.isVolumetric">
                </vn-check>
            </vn-vertical>
        </vn-one>
    </vn-horizontal>
    <vn-horizontal class="vn-pa-md">
        <vn-auto>
            <h4 translate>Warehouses</h4>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th>Name</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="zoneWarehouse in zoneWarehouses">
                        <vn-td>{{zoneWarehouse.warehouse.name}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-auto>
    </vn-horizontal>
</vn-card>