<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 field="id" number>Id</vn-th>
                <vn-th field="ref">Reference</vn-th>
                <vn-th field="agencyFk">Agency</vn-th>
                <vn-th field="warehouseOutFk">Warehouse Out</vn-th>
                <vn-th field="shipped" center>Shipped</vn-th>
                <vn-th field="isDelivered" center>Delivered</vn-th>
                <vn-th field="warehouseInFk">Warehouse In</vn-th>
                <vn-th field="landed" center>Landed</vn-th>
                <vn-th field="isReceived" center>Received</vn-th>
                <vn-th shrink></vn-th>
            </vn-tr>
        </vn-thead>
        <vn-tbody>
            <a ng-repeat="travel in model.data" 
                class="clickable vn-tr search-result"
                ui-sref="travel.card.summary({id: {{::travel.id}}})">
                <vn-td number>{{::travel.id}}</vn-td>
                <vn-td expand>{{::travel.ref}}</vn-td>
                <vn-td expand>{{::travel.agencyModeName}}</vn-td>
                <vn-td expand>{{::travel.warehouseOutName}}</vn-td>
                <vn-td center>{{::travel.shipped | date:'dd/MM/yyyy'}}</vn-td>
                <vn-td><vn-check ng-model="travel.isDelivered" disabled="true"></vn-check></vn-td>
                <vn-td expand>{{::travel.warehouseInName}}</vn-td>
                <vn-td center>{{::travel.landed | date:'dd/MM/yyyy'}}</vn-td>
                <vn-td center><vn-check ng-model="travel.isReceived" disabled="true"></vn-check></vn-td>
                <vn-td shrink>
                    <vn-horizontal class="buttons">
                        <vn-icon-button
                            vn-click-stop="clone.show(travel)"
                            vn-tooltip="Clone"
                            icon="icon-clone">
                        </vn-icon-button>
                        <vn-icon-button
                            vn-click-stop="$ctrl.preview(travel)"
                            vn-tooltip="Preview"
                            icon="desktop_windows">
                        </vn-icon-button>
                    </vn-horizontal>
                </vn-td>
            </a>
        </vn-tbody>
    </vn-table>
</vn-data-viewer>
    </vn-card>
<vn-popup vn-id="summary">
    <vn-travel-summary
        travel="$ctrl.travelSelected">
    </vn-travel-summary>
</vn-popup>
<a ui-sref="travel.create"
    vn-tooltip="New travel"
    vn-bind="+"
    vn-acl="buyer"
    fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>
<vn-confirm 
    vn-id="clone"
    on-accept="$ctrl.onCloneAccept($data)"
    question="Do you want to clone this travel?"
    message="All it's properties will be copied">
</vn-confirm>