@extends('layouts.admin')

@section('content')
<h2>Solicitudes Pendientes</h2>
<a href="{{route('solicitud.print')}}" class="btn btn-success  mb-2 d-block" target="_blank">Imprimir lista de solicitudes</a>
<table id="example" class="table table-bordered" style="width:100%">
    <thead>
        <tr>
            <th>ID</th>
            <th>Usuario</th>
            <th>Curso</th>
            <th>Estado</th>
            <th>Acciones</th>
            
        </tr>
    </thead>
    <tbody>
        @foreach($solicitudes as $solicitud)
        <tr>
        @if ($solicitud->User && $solicitud->Curso)
        
            <td>{{ $solicitud->id }}</td>
            <td>{{ $solicitud->User->name }}</td>
            <td>{{ $solicitud->curso->nombre }}</td>
            @if ($solicitud->status == 0)
            <td>Pendiente</td>
            @endif
            @if ($solicitud->status == 1)
            <td>Aceptado</td>
            @endif
            @if ($solicitud->status == 2)
            <td>Rechazado</td>
            @endif
        
            <td>
                <form action="{{ route('solicitud.validar') }}" method="POST" novalidate>
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="validar" value="aceptar">
                    <input type="hidden" name="id" value="{{ $solicitud->id }}">
                    <button type="submit" class="btn btn-primary">Aceptar
                    </button>
                </form>

                <form action="{{ route('solicitud.validar') }}" method="POST" novalidate>
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="validar" value="rechazar">
                    <input type="hidden" name="id" value="{{ $solicitud->id }}">
                    <button type="submit" class="btn btn-danger">Rechazar
                    </button>
                </form>
            </td>
            
        </tr>
        @endif
        @endforeach
    </tbody>
    <tfoot>
        <tr>
            <th>ID</th>
            <th>Usuario</th>
            <th>Curso</th>
            <th>Estado</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