{% capture course_path %}{% route course, id: course.id %}{% endcapture %}
<div class="course-card col">
    <a class="course-card-image-wrapper" href="{{course_path}}">
        <img
        class="course-card-image"
        alt="{{ course.name }}"
        src="{{ course.image_url }}"
        >
        {% if course.ribbon and course.ribbon.size > 0 %}
            <div class="course-card-image-ribbon">
        {{ course.ribbon }}
        </div>
    {% endif %}
    </a>
    <div class="course-card-content">
        <div class="course-card-content-category">
            BEGINNER
        </div>
        <a class="course-card-content-title" href="{{course_path}}">
            {{ course.name }}
        </a>
        <div class="course-card-content-description">
            {{course.full_description}}
        </div>
        <a class="course-card-button" href="{{ course_path }}">
            {% if course.started? %}
                Continue course <i class="fa-solid fa-angle-right"></i>
            {% else %}
                Start course <i class="fa-solid fa-angle-right"></i>
            {% endif %}
        </a>
    </div>
</div>