<vn-card class="summary">
    <h5>
        <a 
            ng-if="::$ctrl.summary.id"
            vn-tooltip="Go to the zone"
            ui-sref="zone.card.summary({id: {{::$ctrl.summary.id}}})"
            name="goToSummary">
            <vn-icon-button icon="launch"></vn-icon-button>
        </a>
        <span>#{{$ctrl.summary.id}} - {{$ctrl.summary.name}}</span>
    </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"
                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>
                <a ui-sref="zone.card.warehouses({id:$ctrl.zone.id})">
                    <span translate vn-tooltip="Go to">Warehouse</span>
                </a>
            </h4>
            <vn-table model="model" auto-load="false">
                <vn-thead>
                    <vn-tr>
                        <vn-th>Name</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="zoneWarehouse in $ctrl.zoneWarehouses">
                        <vn-td>{{zoneWarehouse.warehouse.name}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-auto>
    </vn-horizontal>
</vn-card>