{% 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 %}
<div class="common-page-style">
  <div class="course-top-section">
    <div class="courses-header">
      {{ 'All Courses' }}
    </div>
    <div class="cards-parent">
      {% for course in courses %}
      {{ widgets.CourseCard(course=course) }}
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}

{% block script %}
<script>
  frappe.ready(() => {
    $(".course-card-title").each((i, element) => {
      var title = $(element).text();
      var length = $(window).width() <= 375 ? 60 : 65;
      var suffix = title.length > length ? "..." : "";
      $(element).text(title.substring(0, length) + suffix);
    })
  })
</script>
{% endblock %}