@extends('layouts.admin')



@section('content')

<script type="text/javascript">
    async function borrarAsistencia(id){
        swal({
            title: '¿Deseas eliminar esta asistencia?',
            text: "Una vez eliminado no puede recuperarse",
            icon: 'warning',
            buttons: [true, "Sí"]
        }).then((result)=>{
            if(result){
                url= "asistencia/"+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: 'Documento Eliminado',
                          text: 'Se eliminó el documento',
                          icon: 'success'
                        });
                        setInterval(function() {
                    window.location.reload();
                }, 1000);
                }
                });
                } 
        });
    }
</script>

<h2>Asistencias de Cursos</h2>
<table id="example" class="table table-bordered" style="width:100%">
    <thead>
        <tr>
            <th>Curso</th>
            <th>Usuario</th>
            <th>Comentario</th>
            <th>Acciones</th>
            
            
        </tr>
    </thead>
    <tbody>
        @foreach($asistencias as $asistencia)
        <tr>
        
        
            <td>{{ $asistencia->curso->nombre }}</td>
            <td>{{ $asistencia->user->name }}</td>
            <td>{{ $asistencia->asistencia_texto }}</td>
            
            
            
            
            
            
        
            <td>
                

                {{-- <form action="{{ route('asistencia.destroy') }}" method="POST" novalidate>
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="validar" value="rechazar">
                    <input type="hidden" name="id" value="{{ $asistencia->id }}">
                    <button type="submit" class="btn btn-danger">Eliminar
                    </button>
                </form> --}}

                <a onClick="borrarAsistencia({{$asistencia->id}})" class="btn btn-danger">Eliminar</a>

                
            </td>
            
        </tr>
        
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <th>Curso</th>
            <th>Usuario</th>
            <th>Comentario</th>
            <th>Acciones</th>
        </tr>
    </tfoot>


    
<script>
    var tabla = document.querySelector("#example");

    var dataTable = new DataTable(tabla);
</script>
@if(session('exito'))
<script type="application/javascript">
swal({
    title: '{{session('exito')}}',
    text: '¡Operación exitosa!',
    icon: 'success'
    });
</script>
@endif
@if(session('error'))
<script type="application/javascript">
swal({
    title: '{{session('error')}}',
    text: '¡Error!',
    icon: 'error'
    });
</script>
@endif


@endsection