<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 expand>Landed</vn-th>
                <vn-th>Reference</vn-th>
                <vn-th>Invoice number</vn-th>
                <vn-th field="supplierFk">Supplier</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 shrink></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.isExcludedFromAvailable"
                        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 expand>
                    <span 
                        class="link" 
                        vn-click-stop="travelDescriptor.show($event, entry.travelFk)">
                        {{::entry.landed | date:'dd/MM/yyyy'}}
                    </span>
                </vn-td>
                <vn-td expand>{{::entry.reference}}</vn-td>
                <vn-td expand>{{::entry.invoiceNumber}}</vn-td>
                <vn-td expand>{{::entry.supplierName}}</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-button
                        vn-click-stop="$ctrl.preview(entry)"
                        vn-tooltip="Preview"
                        icon="preview">
                    </vn-icon-button>
                </vn-td>
            </a>
        </vn-tbody>
    </vn-table>
    </vn-card>
</vn-data-viewer>
<vn-travel-descriptor-popover 
    vn-id="travelDescriptor">
</vn-travel-descriptor-popover>
<vn-popup vn-id="summary">
    <vn-entry-summary
        entry="$ctrl.entrySelected">
    </vn-entry-summary>
</vn-popup>
<div fixed-bottom-right>
    <vn-vertical style="align-items: center;">
        <a ui-sref="entry.create" vn-bind="+">
            <vn-button class="round md vn-mb-sm"
                icon="add"
                vn-tooltip="New entry"
                tooltip-position="left">
            </vn-button>
        </a>
    </vn-vertical>
</div>