{% 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 pb-5'>
    <h1>{{ 'Courses' }}</h1>
  </div>
  <div class='container'>
    <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" href="/courses/{{course.name}}">
    <div class="card h-100">
      <div class='card-body'>
        <h5 class='card-title'>{{ course.title }}</h5>
        {% if course.description %}
        {{ frappe.utils.md_to_html(course.description[:250]) }}
        {% endif %}
      </div>
    </div>
  </a>
</div>
{% endmacro %}