@extends('layouts.inspinia.app')
@section('title', 'Usuarios')
@section('titulopagina', 'Administración')

@section('content')

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-sm-4">
            <h2>@yield('title')</h2>
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="#">usuario</a>
                </li>
                <li class="breadcrumb-item active">
                    <strong>Listado</strong>
                </li>
            </ol>
        </div>

        <div class="col-sm-8">
            <div class="title-action">
                @can('usuarios.create')
                    <a href="{{ route('usuarios.create') }}" class="btn btn-primary">Nuevo</a>
                @endcan
            </div>
        </div>
    </div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox-content m-b-sm border-bottom ">
                    @if ($message = Session::get('success'))
                        <div class="alert alert-success">
                            <p>{{ $message }}</p>
                        </div>
                    @endif
                    <table id="tabla" class="table table-striped table-bordered">
                        <thead class=" text-primary">
                            <tr>
                                <th>
                                    Nombre
                                </th>
                                <th>
                                    Email
                                </th>
                                <th>
                                    Rut
                                </th>
                                <th>
                                    Estado
                                </th>
                                <th>
                                    Perfil
                                </th>
                                <th class="text-right">

                                </th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($usuarios as $usuario)
                                <tr>
                                    <td>
                                        {{ $usuario->name }}
                                    </td>
                                    <td>
                                        {{ $usuario->email }}
                                    </td>
                                    <td>
                                        {{ $usuario->rut }}
                                    </td>
                                    <td>
                                        @if ($usuario->estado == 1) 
                                            Activo                                            
                                        @else
                                            Desactivado
                                        @endif
                                    </td>
                                    <td>
                                        <label class="badge">{{ $usuario->getRol }}</label>
                                    </td>

                                    <td class="td-actions text-right">
                                        
                                            <a href="{{ route('usuarios.edit', $usuario->id) }}" rel="tooltip"
                                                class="btn btn-info btn-sm btn-icon">
                                                <i class="fa fa-edit"></i>
                                            </a>
                                        

                                      
                                            
                                       
                                    </td>
                                </tr>
                            @endforeach







                        </tbody>
                        <tfoot>
                           
                        </tfoot>
                    </table>




                </div>
            </div>

        </div>
    </div>
@endsection

@section('javascript')

    <style>
        .dt-button {
            padding: 0;
            border: none;
        }
    </style>
    <script>
        $(document).ready(function() {
            var table = $('#tabla').DataTable({

                "language": {
                    "lengthMenu": "Mostrar _MENU_ registros por página",
                    "zeroRecords": "No se encontró nada, lo siento",
                    "info": "Mostrando pagina  _PAGE_ de _PAGES_",
                    "infoEmpty": "No hay registros disponibles",
                    "search": "Buscar:",
                    "infoFiltered": "(filtrado de _MAX_ registros totales)",
                    "paginate": {
                        "first": "Primero",
                        "last": "Ultimo",
                        "next": "Siguiente",
                        "previous": "Anterior"
                    }
                },

                dom: 'Bfrtip',
                lengthChange: false,
                buttons: [{
                        //Botón para Excel
                        extend: 'excel',
                        footer: true,
                        title: 'Usuarios',
                        filename: 'Usuarios',

                        //Aquí es donde generas el botón personalizado
                        text: '<button class="btn btn-primary">Exportar a Excel <i class="fa fa-file-excel-o"></i></button>'
                    },
                    //Botón para PDF
                    {
                        extend: 'pdf',
                        footer: true,
                        title: 'Usuarios',
                        filename: 'Usuarios',
                        text: '<button class="btn btn-danger">Exportar a PDF <i class="fa fa-file-pdf-o"></i></button>'
                    },
                    {
                        text: '<button class="btn btn-success">Nuevo <i class="fa fa-user"></i></button>',
                        action: function(e, dt, node, config) {
                            location.href = "{{ route('usuarios.create') }}";
                        }
                    },



                ]
            });



        });
    </script>

@endsection