<mg-ajax path="/ticket/api/Tickets/filter" options="vnIndexNonAuto"></mg-ajax>
<div margin-large>
    <div>
        <vn-card pad-medium>
            <vn-title>TICKETS</vn-title>
            <vn-horizontal class="vn-list">
                <vn-searchbar vn-one
                    index="index"
                    on-search="$ctrl.search(index)"
                    ignore-keys = "['page', 'size', 'search']">
                </vn-searchbar>
            </vn-horizontal>
            <vn-horizontal>
                    <table class="vn-grid">
                        <thead>
                            <tr>
                                <th></th>
                                <th number translate>ID Ticket</th>
                                <th translate>Comercial</th>
                                <th translate>Date</th>
                                <th translate>Hora</th>
                                <th translate>Alias</th>
                                <th translate>Provincia</th>
                                <th translate>Estado</th>
                                <th translate>Agencia</th>
                                <th translate>Almacen</th>
                                <th number translate>Factura</th>
                                <th number translate>Ruta</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="ticket in index.model.instances track by ticket.id" 
                                class="{{::$ctrl.compareDate(ticket.shipped)}} clickable"
                                ui-sref="ticket.card.summary({id: {{::ticket.id}}})">
                                <td>
                                    <!-- <i pointer
                                        class="material-icons"
                                        vn-tooltip="delete expedition"                        
                                        ng-click="$ctrl.deleteExpedition(expedition)">warning</i> -->
                                </td>
                                <th number>{{::ticket.id}}</th>
                                <td translate>{{::ticket.client.salesPerson.name | dashIfEmpty}}</td>
                                <td translate>{{::ticket.shipped | date:'dd/MM/yyyy'}}</td>
                                <td translate>{{::ticket.shipped | date:'HH:MM'}}</td>
                                <td translate>{{::ticket.nickname}}</td>
                                <td translate>{{::ticket.address.province.name}}</td>
                                <td translate>{{::ticket.tracking.state.name}}</td>
                                <td translate>{{::ticket.agencyMode.name}}</td>
                                <td translate>{{::ticket.warehouse.name}}</td>
                                <td number translate>{{::ticket.refFk | dashIfEmpty}}</td>
                                <td number translate>{{::ticket.routeFk | dashIfEmpty}}</td>
                                <td>
                                    <vn-icon-button
                                        ng-click="$ctrl.preview($event, ticket)"
                                        vn-tooltip="Preview"
                                        icon="desktop_windows">
                                    </vn-icon-button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </vn-horizontal>
        </vn-card>
        <vn-paging vn-one index="index" total="index.model.count"></vn-paging>
        <!-- <vn-auto-paging vn-one index="index" total="index.model.count" items="$ctrl.tickets"></vn-auto-paging> -->
    </div>
</div>
<a ui-sref="ticket.create" vn-bind="+" fixed-bottom-right>
    <vn-float-button icon="add"></vn-float-button>
</a>
<vn-dialog class="dialog-summary"
    vn-id="dialog-summary-ticket">
    <tpl-body>
        <vn-ticket-summary ticket="$ctrl.ticketSelected"></vn-ticket-summary>
    </tpl-body>
</vn-dialog>