<div class="col-md-12" style="padding:3px;"
     ng-controller="utilizadorController">
    <div class="row">
        <div class="navbar-form navbar-right" style="">

            <input type="text" ng-model="procurar_ut" class="form-control" placeholder="Procurar...">
            <span style="padding-left:10px; padding-right:10px">Data</span>
            <input type="text" id="txtDataAcesso"
                   class="date form-control readonly simple-field-data-mask"
                   data-mask="0000-00-00"
                   ng-model="dataAcesso"
                   placeholder="____-__-__" />
            <button popover-placement="top"
                    popover-trigger="mouseenter"
                    data-popover="Filtrar"
                    ng-click="getListagemAcessosPrograma(dataAcesso)"
                    ng-disabled="mnuUtilizadores.PEditar==false"
                    type="button" class="btn btn-primary btn-sm">
                <span class="glyphicon glyphicon-search"></span>
            </button>
            <button ng-click="exportaExcelAcessosUtilizador(dataAcesso)"
                    ng-disabled="mnuUtilizadores.PEditar==false"
                    type="button" class="btn btn-default btn-sm">
                Excel
            </button>

        </div>
    </div>
    
    <div class="row">
        <div class="table-responsive margem">
            <table class="table" style="margin:0">
                <tr>
                    <th style="width:140px">Utilizador</th>
                    <th style="width:500px">Perfis</th>
                    <th style="width:120px">Endereço IP</th>
                    <th style="width:150px">Entrada</th>
                    <th>Saida</th>
                </tr>
            </table>
            <div style="border:1px solid #DDD; height:394px; overflow:auto">
                <table class="table table-hover table-striped">
                    <tr ng-repeat="utilizador in listagemAcessosP | filter:procurar_ut" ng-click="selectItem(utilizador)" class="apontar" ng-class="{info:utilizador.PkAcesso==selectedRow.PkAcesso}">
                        <td style="width:140px">{{utilizador.NomeUt}}</td>
                        <td style="width:500px">{{utilizador.Perfis}}</td>
                        <td style="width:120px">{{utilizador.EndIP}}</td>
                        <td style="width:150px">{{utilizador.DataEntradaStr}}</td>
                        <td>{{utilizador.DataSaidaStr}}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    


</div>
<script>
    $(document).ready(function () {
        $('.date').mask('0000-00-00');

    });
</script>
