<vn-crud-model vn-id="model"
    url="Tickets/{{$ctrl.$stateParams.id}}/getPossibleStowaways"
    data="possibleStowaways">
</vn-crud-model>
<vn-dialog
    vn-id="dialog"
    class="modal-form"
    on-open="model.refresh()">
    <tpl-body>
        <section class="header vn-pa-md">
            <h5><span translate>Stowaways to add</span></h5>
        </section>
        <vn-horizontal class="vn-pa-md">
            <vn-data-viewer model="model">
                <vn-table model="model" auto-load="false">
                    <vn-thead>
                        <vn-tr>
                            <vn-th number>Ticket id</vn-th>
                            <vn-th>Shipped</vn-th>
                            <vn-th>Agency</vn-th>
                            <vn-th>Warehouse</vn-th>
                            <vn-th>State</vn-th>
                        </vn-tr>
                    </vn-thead>
                    <vn-tbody>
                        <vn-tr ng-repeat="ticket in possibleStowaways" class="clickable" ng-click="$ctrl.addStowaway(ticket)">
                            <vn-td number>{{ticket.id}}</vn-td>
                            <vn-td>{{ticket.landed | date: 'dd/MM/yyyy'}}</vn-td>
                            <vn-td>{{ticket.agencyMode.name}}</vn-td>
                            <vn-td>{{ticket.warehouse.name}}</vn-td>
                            <vn-td>{{ticket.state.state.name}}</vn-td>
                        </vn-tr>
                    </vn-tbody>
                </vn-table>
            </vn-data-viewer>
        </vn-horizontal>
    </tpl-body>
</vn-dialog>