<div>
    <h3 class="section-title">{{ _(title) }}</h3>
    {% if subtitle %}
      <p> {{ _(subtitle) }} </p>
    {% endif %}

    <div class="cards-parent mt-10">
      {% set courses = frappe.db.get_list('LMS Course',
      fields=["name", "short_introduction", "upcoming", "title", "image", "currency", "enable_certification", "paid_course"], order_by="published_on desc", page_length=courses_count) %}
      {% for course in courses %}
      {{ widgets.CourseCard(course=course, read_only=False) }}
      {% endfor %}
    </div>

    <a class="d-flex justify-content-center align-items-center mt-12" href="{{ get_lms_route('courses') }}">
        <span>{{ _("Explore More") }}</span>
    </a>
</div>
