<vn-card class="summary">
    <h5>{{$ctrl.travelData.id}} - {{$ctrl.travelData.ref}}</h5>
    <vn-horizontal>
        <vn-one>
            <vn-label-value label="Shipped" 
                value="{{$ctrl.travelData.shipped | date: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value label="Warehouse Out" 
                value="{{$ctrl.travelData.warehouseOut.name}}">
            </vn-label-value>
            <vn-check
                label="Delivered" 
                value="{{$ctrl.travelData.isDelivered}}"
                disabled="true">
            </vn-check>
        </vn-one>
        <vn-one>
            <vn-label-value label="Landed"
                value="{{$ctrl.travelData.landed | date: 'dd/MM/yyyy'}}">
            </vn-label-value>
            <vn-label-value label="Warehouse In"
                value="{{$ctrl.travelData.warehouseIn.name}}">
            </vn-label-value>
            <vn-check
                label="Received" 
                value="{{$ctrl.travelData.isReceived}}"
                disabled="true">
            </vn-check>
        </vn-one>
        <vn-one>
            <vn-label-value label="Agency"
                value="{{$ctrl.travelData.agency.name}}">
            </vn-label-value>
            <vn-label-value label="Reference"
                value="{{$ctrl.travelData.ref}}">
            </vn-label-value>
            <vn-label-value label="m3"
                value="{{$ctrl.travelData.m3}}">
            </vn-label-value>
            <vn-label-value label="Total entries"
                value="{{$ctrl.travelData.totalEntries}}">
            </vn-label-value>
        </vn-one>
        <vn-auto>
            <h4 translate>Entries</h4>
            <vn-table>
                <vn-thead>
                    <vn-tr>
                        <vn-th shrink>Confirmed</vn-th>
                        <vn-th shrink>Entry Id</vn-th>
                        <vn-th shrink>Supplier</vn-th>
                        <vn-th shrink>Reference</vn-th>
                        <vn-th shrink title="Half box">HB</vn-th>
                        <vn-th shrink>Freight</vn-th>
                        <vn-th shrink>Package</vn-th>
                        <vn-th shrink>CC</vn-th>
                        <vn-th shrink>Pallet</vn-th>
                        <vn-th shrink>m3</vn-th>
                        <vn-th shrink></vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="entry in $ctrl.entries">
                        <vn-td shrink>
                            <vn-check 
                                value="{{entry.isConfirmed}}"
                                disabled="true">
                            </vn-check>
                        </vn-td>
                        <vn-td shrink>{{entry.id}} </vn-td>
                        <vn-td shrink>{{entry.supplierName}}</vn-td>
                        <vn-td shrink>{{entry.ref}}</vn-td>
                        <vn-td shrink>{{entry.hb}}</vn-td>
                        <vn-td shrink>{{entry.freightValue | currency: 'EUR': 2}}</vn-td>
                        <vn-td shrink>{{entry.packageValue | currency: 'EUR': 2}}</vn-td>
                        <vn-td shrink>{{entry.cc}}</vn-td>
                        <vn-td shrink>{{entry.pallet}}</vn-td>
                        <vn-td shrink>{{entry.m3}}</vn-td>
                        <vn-td shrink> 
                            <vn-icon
                                ng-if="entry.notes.length"
                                vn-tooltip="{{entry.notes}}"
                                icon="insert_drive_file">
                            </vn-icon>
                            <vn-icon
                                ng-if="entry.observation.length"
                                vn-tooltip="{{entry.observation}}"
                                icon="insert_drive_file">
                            </vn-icon>
                        </vn-td>
                    </vn-tr>
                </vn-tbody>
                <vn-tfoot>
                    <vn-tr>
                        <vn-td></vn-td>
                        <vn-td></vn-td>
                        <vn-td></vn-td>
                        <vn-td></vn-td>
                        <vn-td shrink><strong>{{$ctrl.total('hb')}}</strong></vn-td>
                        <vn-td shrink><strong>{{$ctrl.total('freightValue') | currency: 'EUR': 2}}</strong></vn-td>
                        <vn-td shrink><strong>{{$ctrl.total('packageValue') | currency: 'EUR': 2}}</strong></vn-td>
                        <vn-td shrink><strong>{{$ctrl.total('cc')}}</strong></vn-td>
                        <vn-td shrink><strong>{{$ctrl.total('pallet')}}</strong></vn-td>
                        <vn-td shrink><strong>{{$ctrl.total('m3')}}</strong></vn-td>
                        <vn-td></vn-td>
                    </vn-tr>
                </vn-tfoot>
            </vn-table>
        </vn-auto>
        <vn-auto>
            <h4 translate>Thermographs</h4>
            <vn-table>
                <vn-thead>
                    <vn-tr>
                        <vn-th>Code</vn-th>
                        <vn-th>Temperature</vn-th>
                        <vn-th expand>State</vn-th>
                        <vn-th>Destination</vn-th>
                        <vn-th>Created</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="thermograph in $ctrl.travelThermographs">
                        <vn-td>{{thermograph.thermographFk}} </vn-td>
                        <vn-td>{{thermograph.temperature}}</vn-td>
                        <vn-td>{{thermograph.result}}</vn-td>
                        <vn-td>{{thermograph.warehouse.name}}</vn-td>
                        <vn-td>{{thermograph.created | date: 'dd/MM/yyyy'}}</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>