@extends('layout/principal')
@section('titulo', 'Home')
@section('content')
@php
//dd($usuarios);
@endphp

    <div class="row">
        <div class="col-12 mg-b-20">
            <div>
                <div class="d-flex">
                    <div class="az-content-label mg-b-20">Usuarios</div>
                    @can(['usuario.crear'])
                    <div class="mg-l-auto"><a href="{{route('user.create')}}" class="btn btn-primary">Nuevo Usuario</a></div>
                    @endcan
                </div>
            </div>
            <br>
            <!-- ============ mensaje ============ -->
            @if (Session::get('success'))
                <div class="alert alert-success col-lg-12 show" role="alert">{{ Session::get('success'); }}</div>
            @endif
            @if (Session::get('danger'))
                <div class="alert alert-danger col-lg-12 show" role="alert">{{ Session::get('danger'); }}</div>
            @endif
            <!-- ========== fin mensaje ========== -->
            <div class="table-responsive">
                <table class="table table-striped table-bordered datatable" width="100%">
                    <thead>
                        <tr>
                            <th>Acciones</th>
                            <th>ID</th>
                            <th>Nombre</th>
                            <th>E-mail</th>
                            <th>Rol</th>
                            <th>Fecha Creación</th>
                            <th>Fecha Modificación</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($usuarios as $user)
                            <tr>
                                <td>
                                    <div class="btn-group">
                                        {{-- <button class="btn btn-secondary mr-1">Detalle</button> --}}
                                        @can('usuario.editar')
                                        <a href="{{ route('user.edit', $user->id) }}"class="btn-info btn-sm mr-1">Editar</a>
                                        @endcan
                                        @can('usuario.eliminar')
                                        <form action="{{ route('user.destroy', $user->id) }}" method="post" onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn-danger btn-sm mr-1" >Eliminar</button>
                                        </form>
                                        @endcan
                                    </div>
                                    
                                </td>
                                <td>{{ $user->id }}</td>
                                <td>{{ $user->name }}</td>
                                <td>{{ $user->email }}</td>
                                <td>{{ $user->rol }}</td>
                                <td>{{ $user->created_at }}</td>
                                <td>{{ $user->updated_at }}</td>
                                
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                {{-- {{ $usuarios->links('pagination::bootstrap-4') }} --}}
            </div><!-- table-responsive -->
        </div><!-- card -->
    </div><!-- col -->
    
    @endsection