script(data-id="table-dir", type='text/ng-template')
        br
        div
            button(class="btn btn-primary", type="button", data-ng-click="grid.ui.addbtn.onclick()", data-ng-show="grid.ui.addbtn.visible") #{__("lblAdd")}
            div(class="pull-right", style="min-height: 45px;")
                input(type="text", class="input-medium search-query", placeholder="#{__("Search...")}", id="search", data-ng-model="search", ng-change="grid.ui.searchfield.onchange(search)")
        br
        table(class="cai-table table table-striped")
            thead
                tr
                    th(data-ng-repeat="field in grid.fields")
                        span(data-ng-model="reverse", data-ng-click="reverse = !reverse;onOrderBy(field, reverse)", style="display:inline-block;cursor:pointer;text-transform: capitalize") {{ locale( (this[field].visible) ? this[field].name : field ) }}
            tbody
                tr(data-ng-repeat="item in filteredData | startFrom:pager.getItemsNumber(0) | limitTo:pager.itemsPerPage")
                    td(data-ng-repeat="field in grid.fields")
                        span(data-ng-class="this[field].class", data-ng-show="this[field].visible", data-ng-click="checkConfirm(field, item)", title="{{ this[field].title || this[field].name }}")
                        span {{ fmt(field, locale(item[field])) }}
        br
        div(class="pager", data-ng-model="filteredData")
        include pager

        div(id="confirmModal", data-ng-show="confirmModal")
            div(class="modal")
                h3(class="modal-header") #{__("Confirmation")}
                div(class="modal-body")
                    h5 {{confirmMsg}}
                div(class="modal-footer center")
                    button(id="btnConfirm", class="btn btn-primary", data-ng-click="confirm()") #{__("Confirm")}
                    button(id="btnCancel", class="btn btn-primary", data-ng-click="confirmModal = false") #{__("Cancel")}
            div(class="modal-backdrop", ng-click="confirmModal = false")