<vn-auto-search
    model="model">
</vn-auto-search>
<vn-data-viewer
    model="model"
    class="vn-mb-xl vn-w-xl">
    <vn-card>
    <vn-table model="model">
        <vn-thead>
            <vn-tr>
                <vn-th shrink></vn-th>
                <vn-th field="id" number>Id</vn-th>
                <vn-th field="landed" center>Landed</vn-th>
                <vn-th>Reference</vn-th>
                <vn-th field="supplierFk">Supplier</vn-th>
                <vn-th field="currencyFk" center>Currency</vn-th>
                <vn-th field="companyFk" center>Company</vn-th>
                <vn-th field="isBooked" center>Booked</vn-th>
                <vn-th field="isConfirmed" center>Confirmed</vn-th>
                <vn-th field="isOrdered" center>Ordered</vn-th>
                <vn-th>Notes</vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <a ng-repeat="entry in model.data" 
                class="clickable vn-tr search-result"
                ui-sref="entry.card.summary({id: {{::entry.id}}})">
                <vn-td shrink>
                    <vn-icon
                        ng-show="entry.isInventory"
                        class="bright"
                        vn-tooltip="Inventory entry"
                        icon="icon-inventory">
                    </vn-icon>
                    <vn-icon
                        ng-show="entry.isRaid"
                        class="bright"
                        vn-tooltip="Virtual entry"
                        icon="icon-net">
                    </vn-icon>
                </vn-td>
                <vn-td number>{{::entry.id}}</vn-td>
                <vn-td center>
                    <span 
                        class="link" 
                        vn-click-stop="travelDescriptor.show($event, entry.travelFk)">
                        {{::entry.landed | date:'dd/MM/yyyy'}}
                    </span>
                </vn-td>
                <vn-td expand>{{::entry.ref}}</vn-td>
                <vn-td expand>{{::entry.supplierName}}</vn-td>
                <vn-td center expand>{{::entry.currencyCode}}</vn-td>
                <vn-td center expand>{{::entry.companyCode}}</vn-td>
                <vn-td center><vn-check ng-model="entry.isBooked" disabled="true"></vn-check></vn-td>
                <vn-td center><vn-check ng-model="entry.isConfirmed" disabled="true"></vn-check></vn-td>
                <vn-td center><vn-check ng-model="entry.isOrdered" disabled="true"></vn-check></vn-td>
                <vn-td shrink> 
                    <vn-icon
                        ng-if="entry.notes.length"
                        vn-tooltip="{{::entry.notes}}"
                        icon="insert_drive_file"
                        class="bright">
                    </vn-icon>
                </vn-td>
            </a>
        </vn-tbody>
    </vn-table>
    </vn-card>
</vn-data-viewer>
<vn-travel-descriptor-popover 
    vn-id="travelDescriptor">
</vn-travel-descriptor-popover>