@extends(Request::root() == "https://motomel.depcsuite.com" ? 'motomel.plantilla' : 'plantilla')
@section('titulo', "Listado de usuarios")

@section('scripts')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<script src="{{ asset('js/datatables.min.js') }}"></script>
@endsection
@section('breadcrumb')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/home">Inicio</a></li>
    <li class="breadcrumb-item active">Usuarios</a></li>
</ol>
<ol class="toolbar">
    <li class="btn-item"><a title="Nuevo" href="/usuarios/nuevo" class="fa fa-plus-circle" aria-hidden="true"><span>Nuevo</span></a></li>
    <li class="btn-item"><a title="Recargar" href="#" class="fa fa-refresh" aria-hidden="true" onclick='window.location.replace("/usuarios");'><span>Recargar</span></a></li>
</ol>
@endsection
@section('contenido')

<table id="grilla" class="display">
    <thead>
        <tr>
            <th>Usuario</th>
            <th>Nombre</th>
            <th>Correo</th>
            <th>&Uacute;ltimo ingreso</th>
            <th>Root</th>
            <th>Activo</th>
            <th>Acci&oacute;n</th>
        </tr>
    </thead>
</table> 
<script>
	var dataTable = $('#grilla').DataTable({
	    "processing": true,
        "serverSide": true,
	    "bFilter": true,
	    "bInfo": true,
	    "bSearchable": true,
        "pageLength": 25,
        "order": [[ 0, "asc" ]],
	    "ajax": "{{ route('usuarios.cargarGrilla') }}"
    });
    
    function fBlanquearContrasenia(idUsuario){
        $.ajax({
	            type: "GET",
	            url: "{{ asset('/usuarios/BlanquearContrasenia') }}",
	            data: {
                        idUsuario:idUsuario
                      },
	            async: true,
	            dataType: "json",
	            success: function (data) {
	                msgShow(data.MSG, data.ESTADO);
	            }
	    });
    }
</script>
@endsection