<vn-card class="summary">
    <h5>{{$ctrl.summary.route.id}} - {{$ctrl.summary.route.description}}</h5>
    <vn-horizontal>
        <vn-one>
            <vn-label-value label="Id" 
                value="{{$ctrl.summary.route.id}}">
            </vn-label-value>
            <vn-label-value label="Date" 
                value="{{$ctrl.summary.route.created | dateTime: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value label="Agency" 
                value="{{$ctrl.summary.route.agencyMode.name}}">
            </vn-label-value>
            <vn-label-value label="Vehicle" 
                value="{{$ctrl.summary.route.vehicle.numberPlate}}">
            </vn-label-value>
            <vn-label-value label="Driver" 
                value="{{$ctrl.summary.route.worker.user.nickname}}">
            </vn-label-value>
            <vn-label-value label="Cost" 
                value="{{$ctrl.summary.route.cost | currency: 'EUR':2}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <vn-label-value label="Starting time"
                value="{{$ctrl.summary.route.time | dateTime: 'HH:MM'}}">
            </vn-label-value>
            <vn-label-value label="Finishing time"
                value="{{$ctrl.summary.route.finished | dateTime: 'HH:MM'}}">
            </vn-label-value>
            <vn-label-value label="Km Start" 
                value="{{$ctrl.summary.route.kmStart}}">
            </vn-label-value>
            <vn-label-value label="Km End" 
                value="{{$ctrl.summary.route.kmEnd}}">
            </vn-label-value>
            <vn-label-value label="Volume" 
                value="{{$ctrl.summary.route.m3 | dashIfEmpty}} / {{$ctrl.summary.route.vehicle.m3  | dashIfEmpty}} m³">
            </vn-label-value>
            <vn-label-value label="Packages" 
                value="{{$ctrl.packagesTotal}}">
            </vn-label-value>
        </vn-one>
        <vn-one>
            <vn-textarea
                vn-three
                disabled="true"
                label="Description" 
                model="$ctrl.summary.route.description">
            </vn-textarea>
        </vn-one>
        <vn-auto>
            <h4 translate>Ticket</h4>
            <vn-table model="model">
                <vn-thead>
                    <vn-tr>
                        <vn-th shrink>Order</vn-th>
                        <vn-th number>Ticket id</vn-th>
                        <vn-th>Alias</vn-th>
                        <vn-th number shrink>Packages</vn-th>
                        <vn-th shrink>m³</vn-th>
                        <vn-th shrink>Warehouse</vn-th>
                        <vn-th shrink>PC</vn-th>
                        <vn-th>Street</vn-th>
                        <vn-th shrink></vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="ticket in $ctrl.summary.tickets">
                        <vn-td shrink>{{ticket.priority | dashIfEmpty}}</vn-td>
                        <vn-td number>
                            <span 
                                ng-click="$ctrl.showTicketDescriptor($event, ticket.id)"
                                class="link">
                                {{ticket.id | zeroFill:6}}
                            </span>
                        </vn-td>
                        <vn-td>
                            <span 
                                ng-click="$ctrl.showClientDescriptor($event, ticket.clientFk)"
                                class="link">
                                {{ticket.nickname}}
                            </span>
                       </vn-td>
                        <vn-td number shrink>{{ticket.packages}}</vn-td>
                        <vn-td shrink>{{ticket.volume}}</vn-td>
                        <vn-td shrink>{{ticket.warehouse.name}}</vn-td>
                        <vn-td shrink>{{ticket.client.postcode}}</vn-td>
                        <vn-td expand title="{{ticket.client.street}}">{{ticket.client.street}}</vn-td>
                        <vn-td shrink> 
                            <vn-icon
                                ng-if="ticket.notes.length"
                                vn-tooltip="{{ticket.notes[0].description}}"
                                icon="insert_drive_file">
                            </vn-icon>
                        </vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-auto>
    </vn-horizontal>
</vn-card>
<vn-ticket-descriptor-popover 
    vn-id="ticketDescriptor">
</vn-ticket-descriptor-popover>
<vn-client-descriptor-popover
    vn-id="clientDescriptor">
</vn-client-descriptor-popover>