@extends('academia.layouts.dashboard')

@section('content')

<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                    <div class="row">
                        
                        @foreach($cursos as $curs)
                        <div class="col-md-3">
                            <div class="card">
                                <img src="{{ asset('cursos/'.$curs->course->cover) }}" style="width: 100%;">
                                <div class="card-body">
                                    
                                    <h4 class="text-left text-truncate"> {{$curs->course->title}} </h4>
                                    <h5 class="text-left text-truncate">{{$curs->course->category->title}}</h5>
                                   
                                    <a class="btn btn-info btn-block text-white" href="{{ route('academia-eventos-index', ['slug' => $curs->course->slug, 'ordenevent' => $curs->orden]) }}">
                                         <i class="fas fa-play-circle"></i> Continuar <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                   
                                </div>
                            </div>    
                        </div>
                        @endforeach
                        
                    </div>
                    
                </div>    
            </div>
        </div>
    </div>
</div>

@endsection