script#eventsDirective(type='text/ng-template')
    div(class="widget event-widget")
        div(class="widget-title") {{title}}
        div(data-ng-show="emptyDeliveries")
            div(class="empty")
            span(class="empty-message") #{__('emptyDeliveries')}
        div(class="widget-body")
            div(class="day", data-ng-show="data[list].length > 0", id="tabs")
                div(class="date")
                    ul(class="nav nav-tabs")
                        li(data-ng-repeat="day in data[list].slice(0,tabLimit)", data-ng-class="{active: indexTab == $index, tab: data[list].length > 1}")
                            a(class="no-bg inverse-text", data-ng-click="filter($index, $event)") {{day.date | date: formatDate}} 
                div(class="data table", id="dataTable")
                    div(class="headers")
                        div(class="header", id="lblSpace", ng-show="spaceCol")
                        div(class="header", data-ng-repeat="header in headers")
                            span(class="header-text", data-ng-show="header === 'location'", id="lblLocation") #{__('location')}
                            span(class="header-text", data-ng-show="header === 'material'", id="lblMaterial") #{__('material')}
                            span(class="header-text", data-ng-show="header === 'time'", id="lblTime") #{__('time')}
                        div(class="header", id="lblSpace", ng-show="spaceCol")
                        div(class="header", id="lblStatus") #{__('Status')}
                    div(class="body")
                        div(class="body-row", data-ng-repeat="event in filtered[items] track by event.id")
                            div(title="Qty: {{event.qty | number:2}} UOM: {{event.uom}}")
                                div(class="cell", id="lblSpace", ng-show="spaceCol")
                                div(id="txt_{{header}}", class="cell", data-ng-repeat="header in headers") {{ (header == "material") ? getMaterialName(event) : event[header] | 8601:filtered.date | limitTo:8}}
                                div(class="cell", id="lblSpace", ng-show="spaceCol")
                                div(class="cell", id="txt_status") {{returnStatus(event.status)}}
                                div(class="cell options")
                                    button(class="no-bg fa fa-trash-o", data-ng-show="event.status.toLowerCase() !== \'rejected\' && event.status.toLowerCase() !== \'cancelled\' && event.status.toLowerCase() !== \'delivered\'" , data-ng-click="openModal($index)")
                                    button(class="no-bg fa fa-file-text-o", data-ng-show="event.status.toLowerCase() === \'rejected\' || event.status.toLowerCase() === \'cancelled\'", title="{{event.notes}}", data-ng-click="openCommentModal(event)")
                                    button(class="no-bg fa fa-refresh", data-ng-show="event.status.toLowerCase() === \'rejected\' && validateTime(event)", data-ng-click="resubmit($index)")
    div(id="cancelModal", data-ng-show='cancelModal')
        div(class="modal")
            div(class="modal-header")
                h3(id='cancelPrompt') #{__('event status')}
            div(class="modal-body")
                textarea(class="form-control", data-ng-model="comment")
            div(class="modal-footer")
                center
                    button(class='btn btn-primary', data-ng-disabled="!comment", data-ng-click="changeStatus(true)") #{__('submit')}
                    button(class='btn btn-warning', data-ng-click="changeStatus(false)") #{__('Cancel')}
        div(class="modal-backdrop")
    div(id="noteModal", data-ng-show='noteModal')
        div(class="modal")
            div(class="modal-header")
                h3 #{__('event status')}
            div(class="modal-body")
                p {{notes}}
            div(class="modal-footer")
                center
                    button(class='btn btn-primary', data-ng-click="noteModal = false") #{__('ok')}
        div(class="modal-backdrop")