<vn-descriptor-content
    module="route"
    description="$ctrl.route.name"
    summary="$ctrl.$.summary">
    <slot-menu>
        <vn-item
            ng-click="$ctrl.showRouteReport()"
            translate>
            Show route report
        </vn-item>
        <vn-item
            ng-click="$ctrl.sendRouteReport()"
            translate>
            Send route report
        </vn-item>
        <vn-item
            ng-click="updateVolumeConfirmation.show()"
            vn-acl="deliveryAssistant"
            vn-acl-action="remove"
            translate>
            Update volume
        </vn-item>
        <vn-item
            ng-click="$ctrl.deleteCurrentRoute()"
            vn-acl="deliveryAssistant"
            vn-acl-action="remove"
            translate>
            Delete route
        </vn-item>
    </slot-menu>
    <slot-body>
        <div class="attributes">
            <vn-label-value
                label="Date"
                value="{{$ctrl.route.dated | date: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value
                label="Agency"
                value="{{$ctrl.route.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value
                label="Zone"
                value="{{$ctrl.route.zone.name}}">
            </vn-label-value>
            <vn-label-value
                label="Volume"
                value="{{$ctrl.route.m3 | dashIfEmpty}} / {{$ctrl.route.vehicle.m3  | dashIfEmpty}} m³">
            </vn-label-value>
            <vn-label-value
                label="Description"
                value="{{$ctrl.route.description}}">
            </vn-label-value>
        </div>
        <div class="icons">
            <vn-icon
                vn-tooltip="Volume exceded"
                icon="icon-volume"
                ng-if="$ctrl.route.m3 > $ctrl.route.vehicle.m3 && $ctrl.route.vehicle.m3 != NULL">
            </vn-icon>
        </div>
        <div class="quicklinks">
            <div ng-transclude="btnOne"></div>
            <div ng-transclude="btnTwo"></div>
            <div ng-transclude="btnThree"></div>
        </div>
    </div>
</div>
<vn-confirm
    vn-id="updateVolumeConfirmation"
    on-accept="$ctrl.updateVolume()"
    question="Are you sure you want to update the volume?">
</vn-confirm>
<vn-popup vn-id="summary">
    <vn-route-summary route="$ctrl.route"></vn-route-summary>
</vn-popup>