{% extends "templates/base.html" %}
{% from "www/hackathons/macros/card.html" import null_card %}
{% block title %}{{ 'Courses' }}{% endblock %}
{% block head_include %}
<meta name="description" content="{{ 'Courses' }}" />
<meta name="keywords" content="Courses" />
<style>
</style>
{% endblock %}

{% block content %}
<section class="top-section" style="padding: 1rem 0rem;">
  <div class='container'>
    <h4 class="mt-5">{{ 'All Courses' }}</h4>
    <div class="row mt-5">
      {% for course in courses %}
      {{ course_card(course) }}
      {% endfor %}
      <!-- {% if courses %}
      {% for n in range( (3 - (courses|length)) %3) %}
      {{ null_card() }}
      {% endfor %}
      {% endif %} -->
    </div>
  </div>
</section>
{% endblock %}


{% macro course_card(course) %}
<div class="col-sm-4 mb-4 text-left">
  <a class="anchor_style" style="color: inherit;" href="/courses/{{course.name}}">
    <div class="card h-100" style="box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);">
      <div class='card-body'>
        <h5 class='card-title'>{{ course.title }}</h5>
        {% if course.description %}
        <div class="mt-4">
          {{ frappe.utils.md_to_html(course.description[:200]) }}
        </div>
        {% endif %}
      </div>
    </div>
  </a>
</div>
{% endmacro %}