@extends('layout/principal')
@section('titulo', 'Home')
@section('content')

<h5 class="card-title">USUARIOS DEL SISTEMA</h5>
<hr>
<!-- ============ MENSAJES ==================================================================== -->
{{-- Mensajes estandar de Laravel --------}}
@if (isset($errors) && $errors->any())
<div class="alert alert-danger" role="alert">
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
</div>
@endif
{{-- Mensajes de Session personalizados --}}
@if (Session::has('success')) <div class="alert alert-success"> {{ Session::get('success') }} </div> @endif
@if (Session::has('danger')) <div class="alert alert-danger"> {{ Session::get('danger') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->

<div class="mb-1">
    @can('SuperAdmin')
    <a href="{{ route('user.create') }}" class="btn btn-az-primary mr-1">
        <ion-icon  name="add-outline" size="small" style="vertical-align: middle"></ion-icon>Crear Usuario</a>
    @endcan
</div>

<div class="table-responsive">
    <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%">
        <thead>
            <tr>
                <th>Acciones</th>
                <th>ID</th>
                <th>Nombre</th>
                <th>E-mail</th>
                <th>Rol de Usuario</th>
                <th>Estado</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($usuarios as $usuario)
            <tr>
                <td style="width: 1%">
                    @can('SuperAdmin')
                    <div class="btn-group">
                        {{-- <form action="{{ route('user.destroy', $usuario->id) }}" method="post"
                            onsubmit="return confirm('¿Está seguro que desea eliminar el registro?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn-panal-danger btn-sm mr-1" title="Eliminar"><ion-icon  name="trash-outline" size="small" style="vertical-align: middle"></ion-icon></button>
                        </form> --}}
                        <a href="{{ route('user.edit', $usuario->id) }}" class="btn-panal-warning btn-sm mr-1" title="Editar">Editar</a>
                        <button class="btn-panal-primary btn-sm" title="Ver detalles">Ver</button>
                    </div>
                    @endcan
                </td>
                <td>{{ $usuario->id }}</td>
                <td>{{ $usuario->name }}</td>
                <td>{{ $usuario->email }}</td>
                <td>{{ $usuario->rol }}</td>
                <td>
                    @if ($usuario->id_estado == 1)
                    <span style="background-color: #c3e4c7cd">{{ $usuario->nombre_estado }}</span>
                    @endif
                    @if ($usuario->id_estado == 2)
                    <span style="background-color: #ffdddf">{{ $usuario->nombre_estado }}</span>
                    @endif
                
            </tr>
            @endforeach
        </tbody>
    </table>
</div><!-- table-responsive -->
@endsection