@extends('layouts.admin')
@section('scripts')
<script type="text/javascript">
    async function deleteMod(id){
        swal({
            title: '¿Deseas eliminar este moderador?',
            text: "Una vez eliminado no puede recuperarse",
            icon: 'warning',
            buttons: [true, "Sí"]
        }).then((result)=>{
            if(result){
                url= "moderadores/"+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: 'Mod Eliminado',
                          text: 'Se eliminó el moderador',
                          icon: 'success'
                        });
                        setInterval(function() {
                    window.location.reload();
                }, 1000);
                }
                });
                } 
        });
    }
</script>
@endsection
@section('content')
<h1 class="text-center">Administración de moderadores</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">Curso</th>
                <th></th>
            </tr>
            <tbody>
              
                   
                   @foreach($mods as $mod)
                   <!-- Inicio del for each -->   
                   <tr>
                    <td>{{$mod->user->name}}</td>
                    <td>{{$mod->curso->nombre}}</td>
                    <td> 
                        <a onClick="deleteMod({{$mod->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('mods.create')}}" class="btn btn-primary d-block">Agregar nuevo moderador</a>
                    </tr>

                    </td>
            </tbody>
        </thead>
    </table>
    {{$mods->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