@extends('layouts.asesor')

@section('content')
<h1 class="text-center">Cursos disponibles</h1>
    <div class="container">
        <div class="row">
            @foreach($cursos as $curso)
            <div class="col-md-4">
              <div class="card" style="width: 18rem;">
                  <img class="card-img-top" src="/public/storage/{{$curso->imagen}}" alt="Card image cap">
                  <div class="card-body">
                    <h5 class="card-title">{{$curso->nombre}}</h5>
                    <p class="card-text">{{$curso->categoria->nombre}}</p>
                    <form action="{{ route('solicitud.crear') }}" method="POST" novalidate>
                      @csrf
                      <input type="hidden" name ="curso_id" value="{{$curso->id}}">
                      <button href="" class="btn btn-primary">Solicitar Curso</button>
                      
                    </form>
                    
                  </div>
                </div>
                <br/>
            </div>
            @endforeach    
          </div>
    </div>
    <!-- Fin del for each -->
    {{$cursos->links('pagination::bootstrap-4')}}
    @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