@{
    Layout = "~/Views/Shared/_Layout.cshtml";
    ViewBag.Title = "LISTA USUARIOS";
}
<script>
    var idUsuario = @ViewBag.idUsuario;
    var idSala = @ViewBag.idSala;
</script>
<div class="">
    <div class="page-title">
        <div class="title_left">

        </div>
        <div class="title_right">
            <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">

            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="row" ng-controller="SentenciasController as vm" ng-init="vm.Lista_Usuarios()">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>Usuarios Registrados</h2>
                    <br />
                    <div class="input-group pull-right top_search">
                        <input type="text" class="form-control" ng-model="vm.buscar" placeholder="Buscar...">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-success" style="color:white" ng-click="vm.AgregarUsuario()">Nuevo</button>
                            <button type="button" class="btn btn-primary" style="color:white">Actualizar</button>
                        </span>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">

                    <table class="table">
                        <thead>
                            <tr>                                
                                <th>NOMBRE</th>
                                <th>USUARIO</th>
                                <th>ÁREA</th>
                                <th>ROL</th>
                                @*<th>EDITAR</th>*@
                                <th>ELIMINAR</th>                                
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="us in vm.usuarios|filter:vm.buscar">
                                <td>{{us.Nombre}}</td>
                                <td>{{us.Usuario}}</td>
                                <td>{{us.sala}}</td>
                                <td>{{us.rol}}</td>
                                @*<td><a href=""><span class="fa fa-pencil fa-2x"></span></a></td>*@
                                <td><a href="" ng-click="vm.EliminarUsuario(us.id);"><span class="fa fa-remove fa-2x" style="color:red;"></span></a></td>
                            </tr>
                        </tbody>
                    </table>


                </div>
            </div>
        </div>
    </div>
</div>
@section scripts{
    <script src="~/Scripts/app/controladores/Cedula/ListaCedulasController.js"></script>
    <script src="~/Scripts/app/controladores/Sentencias/SentenciasController.js"></script>
    <script src="~/Scripts/app/controladores/Cedula/CedulaController.js"></script>
    <script src="~/Scripts/app/factory/ReexpedicionFactory.js"></script>
    <script src="~/Scripts/angular-base64-upload.js"></script>
    <script src="~/Scripts/app/controladores/Sentencias/ModalUsController.js"></script>
}