<div class="vn-descriptor">
    <vn-horizontal class="header">
        <a translate-attr="{title: 'Return to module index'}" ui-sref="zone.index">
            <vn-icon icon="chevron_left"></vn-icon>
        </a>
        <a translate-attr="{title: 'Preview'}" ui-sref="zone.card.summary({id: $ctrl.zone.id})">
            <vn-icon icon="desktop_windows"></vn-icon>
        </a>
        <vn-icon-menu
            vn-id="more-button"
            icon="more_vert"
            show-filter="false"
            value-field="callback"
            translate-fields="['name']"
            data="$ctrl.moreOptions"
            on-change="$ctrl.onMoreChange(value)">
        </vn-icon-menu>
    </vn-horizontal>
    <div class="body">
        <div class="attributes">
            <vn-label-value label="Id" 
                value="{{$ctrl.zone.id}}">
            </vn-label-value>
            <vn-label-value label="Name"
                value="{{$ctrl.zone.name}}">
            </vn-label-value>
            <vn-label-value label="Warehouse"
                value="{{$ctrl.zone.warehouse.name}}">
            </vn-label-value>
            <vn-label-value label="Agency"
                value="{{$ctrl.zone.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value label="Estimated hour (ETD)"
                value="{{$ctrl.zone.hour | date: 'HH:mm'}}">
            </vn-label-value>
            <vn-label-value label="Traveling days"
                value="{{$ctrl.zone.travelingDays}}">
            </vn-label-value>
            <vn-label-value label="Price"
                value="{{$ctrl.zone.price | currency: 'EUR': 2}}">
            </vn-label-value>
            <vn-label-value label="Bonus"
                value="{{$ctrl.zone.price | currency: 'EUR': 2}}">
            </vn-label-value>
        </div>
    </div>
</div>
<vn-confirm
    vn-id="delete-zone"
    on-response="$ctrl.returnDialog(response)"
    question="Delete zone"
    message="Are you sure you want to delete this zone?">
</vn-confirm>