<vn-dialog
    class="modal-form"
    vn-id="dialog">
    <tpl-body>
        <vn-horizontal pad-medium class="header">
            <h5><span translate>Stowaways of the ticket</span> {{$ctrl.ticket.id}}</h5>
        </vn-horizontal>
        <vn-horizontal pad-medium>
            <vn-table>
                <vn-thead>
                    <vn-tr>
                        <vn-th number>Ticket id</vn-th>
                        <vn-th number>Shipped</vn-th>
                        <vn-th number>Agency</vn-th>
                        <vn-th number>Warehouse</vn-th>
                        <vn-th number>State</vn-th>
                    </vn-tr>
                </vn-thead>
                <vn-tbody>
                    <vn-tr ng-repeat="stowaway in $ctrl.ticketStowaways" class="clickable" ng-click="$ctrl.showDeleteConfirm($index)">
                        <vn-td number>{{stowaway.id}}</vn-td>
                        <vn-td number>{{stowaway.ticket.landed | dateTime: 'dd/MM/yyyy'}}</vn-td>
                        <vn-td number>{{stowaway.ticket.agencyMode.name}}</vn-td>
                        <vn-td number>{{stowaway.ticket.warehouse.name}}</vn-td>
                        <vn-td number>{{stowaway.ticket.state.state.name}}</vn-td>
                    </vn-tr>
                </vn-tbody>
            </vn-table>
        </vn-horizontal>
    </tpl-body>
</vn-dialog>

<vn-confirm
    vn-id="confirmation-dialog"
    on-response="$ctrl.deleteStowaway(response)"
    question="Delete stowaway"
    message="Are you sure you want to delete this stowaway?">
</vn-confirm>