<div class="pop-over-container setores-inexistentes-component" ng-class="{'open' : vm.rightSidePopover === 'setoresInexistentes'}">

    <div class="pop-over-trigger" ng-click="vm.rightSidePopover = (vm.rightSidePopover  == 'setoresInexistentes'? 'none' : 'setoresInexistentes')">
        <button class="btn-base btn-color-featured btn-size-m" title="Setores Inexistentes">
            <i class="icon-warning-circle  icon icon-size-l"></i>
        </button>
        <span class="length-indicator count-setores-inexistentes">{{vm.listaSetoresInexistentes.length > 99? '99+' : vm.listaSetoresInexistentes.length }}</span>
    </div>

    <div class="pop-over-content to-left setores-inexistentes-content">
        <header class="pop-over-header">
            <h3 class="infowindow-header">Setores Inexistentes</h3>
            <i class="close icon-close" ng-click="vm.rightSidePopover = 'none'"></i>
        </header>

        <div class="pop-over-main setores-inexistentes-table-container" >
            <div class="popover-setores-inexistentes-title">Confira as inconformidades referentes a abertura dos setores inexistentes</div>
            <div class="tabs-content-container">
                <div class="table-scroll table-setores-inexistentes" perfect-scrollbar>
                    <table class="table-default table-setores-inexistentes" float-thead>
                        <colgroup>
                            <col span="1" style="width: 55%;">
                            <col span="1" style="width: 15%;">
                            <col span="1" style="width: 15%;">
                            <col span="1" style="width: 15%;">
                        </colgroup>
                        <thead>
                            <tr>
                                <th>Motorista</th>
                                <th>Veiculo</th>
                                <th>Placa</th>
                                <th>Controle</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="stInexistente in vm.listaSetoresInexistentes">
                                <td title="{{stInexistente.Motorista}}">{{stInexistente.Motorista}}</td>
                                <td title="{{stInexistente.Veiculo}}">{{stInexistente.Veiculo}}</td>
                                <td title="{{stInexistente.Placa}}">{{stInexistente.Placa}}</td>
                                <td title="{{stInexistente.Controle}}">{{stInexistente.Controle}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <button class="btn-base btn-size-xs btn-color-default btn-details" ng-click="vm.rightSidePopover = 'none'; vm.navegarPaginaDeDetalhes();">ver detalhes</button>
            </div>
        </div>
    </div>
</div>
