@extends('layout.master')

@section('title', 'Educa Auge - Accede a los mejores cursos online para docentes')

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/portada.css') }}" />
@endsection

@section('content')

    <main class="page-main">
        <div class="bodyfull">
            <h3>Mis cursos Comprados</h3>
            @if ($miscursos->isEmpty())
                <!-- Mostrar mensaje si no hay publicaciones -->
                <p>No has comprado ningún curso.</p>
            @else
                <ul class="js-filter uk-grid-small uk-child-width-1-1 uk-child-width-1-5@xl uk-child-width-1-4@l uk-child-width-1-3@m uk-child-width-1-2@s"
                    data-uk-grid>
                    @foreach ($miscursos as $curso)
                        <li>
                            {{-- <a href="{{ url('/contenido' . '/' . $curso->titulo_rewrite) }}"> --}}
                                @if ($curso->visibilidad == 1)
                                    <a href="{{ url('/contenido' . '/' . $curso->titulo_rewrite) }}">
                                    @else
                                        <a href="javascript:void(0)" style="pointer-events: none; cursor: default;">
                                @endif
                                <div class="stream-item">
                                    <div class="stream-item__box">
                                        <div class="stream-item__media">
                                            <img src="{{ env('URL_ARCHIVOS') . '/images/capa/' . $curso->imagen }}"
                                                alt="image" style="{{ $curso->visibilidad != 1 ? 'filter: grayscale(100%);' : '' }}" />
                                            <div class="stream-item__info">
                                                <div class="stream-item__status"
                                                    style="background-color: {{ $curso->etiqueta_fondo }};{{ $curso->visibilidad != 1 ? 'filter: grayscale(100%);' : '' }}">
                                                    {{ $curso->etiqueta }}</div>
                                            </div>
                                        </div>
                                        <div class="stream-item__body">
                                            <div class="stream-item__title">{{ $curso->titulo }}</div>
                                            <div class="stream-item__time">
                                                <span class="tag"><i class="fa fa-book"></i>{{ $curso->cantidad_detalles }}
                                                    Masterclass</span>
                                                <span class="tag"><i class="fa fa-clock"></i>{{ $curso->id_curso }}
                                                    Horas</span>
                                            </div>
                                            <div class="stream-item__tags tagsnuevo" style="display:none">
                                                @if ($curso->id_tipo == 4)
                                                    <span class="tag">Gratuito</span>
                                                @else
                                                    <span class="tag">Premium</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    @endforeach
                </ul>
            @endif
       

        </div>
    </main>

@endsection