@extends('layouts.admin')
@section('scripts')
<script type="text/javascript">
    async function deleteMod(id){
        swal({
            title: '¿Deseas eliminar este permiso de esta categoría?',
            text: "Esta acción no se puede deshacer",
            icon: 'warning',
            buttons: [true, "Sí"]
        }).then((result)=>{
            if(result){
                url= "categoriaUsuarios/"+id;
                $.ajax({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                type: "post",
                url: url,
                data: {
                    id: id,
                    _method: 'DELETE'
                }, success: function () {
                    swal({
                          title: 'Permiso Eliminado',
                          text: 'Se eliminó el permiso de esa categoría',
                          icon: 'success'
                        });
                        setInterval(function() {
                    window.location.reload();
                }, 1000);
                }
                });
                } 
        });
    }
</script>
@endsection
@section('content')
<h1 class="text-center">Administración de permisos para las categorías del repositorio</h1>
<div class="text-center table-responsive-md ">
    <table class="table" id="usersTable">
        <thead class="bg-dark text-light" >
            <tr>
                <th scole="col">Nombre</th>
                <th scole="col">Permiso</th>
                <th></th>
            </tr>
            <tbody>
              
                   
                   @foreach($CategoriaUsuarios as $CategoriaUsuario)
                   <!-- Inicio del for each -->   
                   <tr>
                    <td>{{$CategoriaUsuario->categoria->nombre}}</td>
                    <td>{{$CategoriaUsuario->rol->nombre}}</td>
                    <td> 
                        <a onClick="deleteMod({{$CategoriaUsuario->id}})" class="btn btn-danger  mb-2 d-block">Eliminar <i class="fas fa-user-edit"></i></a>
                    </td>
                    </tr>
                   <!-- Fin del for each -->
                   @endforeach
                       
                
                     
                    <tr>
                     <a id="xButton" href="{{route('RepositorioCategoriasUsuarios.create')}}" class="btn btn-primary d-block">Agregar nuevo permiso para categoría</a>
                    </tr>

                    </td>
            </tbody>
        </thead>
    </table>
    {{$CategoriaUsuarios->links('pagination::bootstrap-4')}}
    @if(session('exito'))
    <script type="application/javascript">
         swal({
            title: '{{session('exito')}}',
            text: '¡Operación exitosa!',
            icon: 'success'
            });
    </script>
 @endif

</div>
@endsection