@php($levelLabel = ['beginner' => 'Nivel inicial', 'intermediate' => 'Nivel intermedio', 'advanced' => 'Nivel avanzado'][$course->level] ?? ucfirst($course->level))
<article class="course-card">
    <a class="course-cover" href="{{ route('courses.show', $course) }}" aria-label="Ver {{ $course->title }}">
        @if($course->coverUrl())
            <img src="{{ $course->coverUrl() }}" alt="Portada de {{ $course->title }}" loading="lazy">
        @else
            <div class="cover-placeholder">{{ $course->category?->name ?? 'Aprendizaje práctico' }}</div>
        @endif
        @if($course->is_free)<span class="course-badge">Curso gratuito</span>@endif
    </a>
    <div class="course-body">
        <div class="course-provider">{{ $course->category?->name ?? 'Curso profesional' }}</div>
        <h3><a href="{{ route('courses.show', $course) }}">{{ $course->title }}</a></h3>
        <p class="course-instructor">Impartido por {{ $course->instructor->name }}</p>
        <div class="course-rating-row">
            @if($course->reviews_avg_rating)
                <strong>{{ number_format($course->reviews_avg_rating, 1) }}</strong><span class="stars" aria-label="{{ number_format($course->reviews_avg_rating, 1) }} de 5">★★★★★</span><small>({{ $course->reviews_count ?? 0 }})</small>
            @else
                <span class="new-course">Nueva edición</span>
            @endif
        </div>
        <div class="course-facts"><span>{{ $levelLabel }}</span><span>{{ $course->formattedDuration() }} de contenido</span></div>
        <div class="course-footer">
            <span class="course-price">{{ $course->is_free ? 'Acceso gratuito' : '$'.number_format($course->effectivePrice(), 0).' '.$course->currency }}</span>
            <a href="{{ route('courses.show', $course) }}" aria-label="Conocer el curso">→</a>
        </div>
    </div>
</article>