@extends('layouts.admin')
@section('scripts')
<script type="text/javascript">
    async function borrarEntrada(id){
        swal({
            title: '¿Deseas eliminar esta entrada?',
            text: "Una vez eliminada no puede recuperarse",
            icon: 'warning',
            buttons: [true, "Sí"]
        }).then((result)=>{
            if(result){
                url= "borrar/"+id;
                $.ajax({
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                type: "post",
                url: "/"+id,
                data: {
                    id: id,
                    _method: 'DELETE'
                }, success: function () {
                    swal({
                          title: 'Entrada Eliminada',
                          text: 'Se eliminó la entrada',
                          icon: 'success'
                        });
                        setInterval(function() {
                    window.location.reload();
                }, 1000);
                }
                });
                } 
        });
    }
</script>
@endsection

@section('content')
<h1 class="text-center">Administración de entradas de curso: {{$curso->nombre}}</h1>
<div class="text-center table-responsive-md ">
    <table class="table">
        <thead class="bg-dark text-light" >
            <tr>
                <th scole="col">Titulo</th>
                <th scole="col">url</th>
                <th scole="col">Descripción</th>
                <th></th>
            </tr>
            <tbody>  
                @foreach($entradas as $entrada)
   
                <tr>
                 <td>{{$entrada->titulo}}</td>
                 <td>{{$entrada->url}}</td>
                 <td>{{$entrada->descripcion}}</td>
                 <td> 
                     <a href="{{$entrada->url}}" class="btn btn-success  mb-2 d-block" target="_blank" rel="urlEntrada">Ver</a>
                    <a href="{{route('entradas.edit', ['entrada'=>$entrada->id])}}" class="btn btn-dark  mb-2 d-block">Editar</a>
                    <a onClick="borrarEntrada({{$entrada->id}})" class="btn btn-danger  mb-2 d-block">Eliminar <i class="fas fa-trash-alt"></i></a>
                </td>
                 </tr>
                <!-- Fin del for each -->
                @endforeach       
                             
                    <tr>
                     <a href="{{route('entradas.create', ['curso'=>$curso->id])}}" class="btn btn-primary d-block">Agregar nueva entrada</a>
                    </tr>
            </tbody>
        </thead>
    </table>
    {{$entradas->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