@extends('plantilla')

@section('breadcrumbs')
    <div id="breadcrum-inner-block-compara">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <div class="breadcrum-inner-header">
                        <h1>Cotiza</h1>
                        <a href="/">Inicio</a> <i class="fa fa-circle"></i> <a href="/usuarios"><span>Admnistrador de Usuarios</span></a> </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('container')
    <div class="portlet box red" xmlns="http://www.w3.org/1999/html">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-cogs"></i>Usuarios </div>
            <div class="actions">
                <a href="/usuario/nuevo" class="btn btn-default btn-sm">
                    <i class="fa fa-plus"></i> Agregar </a>
            </div>
        </div>
        <div class="portlet-body">
            <table id="datatable_tabletools" class="table table-striped table-bordered table-hover" style="width:100%;font-size:10px">
                <thead>
                <tr>
                    <th> Nombre </th>
                    <th> Usuario </th>
                    <th> Rol </th>
                    <th> Estatus </th>
                    <th> Acciones </th>
                </tr>
                </thead>
                <tbody>
                @foreach($usuarios as $usuario)
                    <tr class="odd gradeX">
                        <td> {{$usuario->name}} </td>
                        <td> {{$usuario->email}} </td>
                        <td>
                                                    </td>
                        <td> {{($usuario->status==1?'ACTIVO':'BAJA')}} </td>
                        <td>
                            <div class="btn-group">
                                <a class="btn btn-xs green" href="{{env("APP_URL")}}/usuario/editar/{{$usuario->id}}" ><i class="fa fa-pencil"></i> Editar</a>
                            </div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

@endsection

@section('footer')

    <script>
        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip();
        });
        $('#datatable_tabletools').dataTable({
            "lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "Todos"]],
            language: {
                "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                "infoPostFix": "",
                "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                "loadingRecords": "Cargando...",
                "lengthMenu": "Mostrar _MENU_ registros",
                "paginate": {
                    "first": "Primero",
                    "last": "Último",
                    "next": "Siguiente",
                    "previous": "Anterior"
                },
                "processing": "Procesando...",
                "search": "Buscar:",
                "searchPlaceholder": "Busqueda",
                "zeroRecords": "No se encontraron resultados",
                "emptyTable": "Sin datos disponibles en esta tabla",
                "aria": {
                    "sortAscending":  ": Activar para ordenar la columna de manera ascendente",
                    "sortDescending": ": Activar para ordenar la columna de manera descendente"
                },
            }

        });

        bbapp.controller('FundacionCtrl', function ($scope, $http, $httpParamSerializerJQLike) {


        });

    </script>
@endsection