{% extends "base.html" %}
{% load static i18n wagtailcore_tags %}

{% block title %}{{ page.full_title }}{% endblock %}

{% block body_class %}template-homepage{% endblock %}

{% block extra_css %}

{% endblock extra_css %}

{% block content_class %}prose{% endblock content_class %}

{% block content %}
  <h2 class="not-prose text-xl mb-4 text-gray-700">
    <a href="{% slugurl 'courses' %}" class="font-bold hover:underline">{% trans "Courses" %}</a>
    &raquo; <a href="{{ page.course.url }}" class="font-bold hover:underline">{{ page.course.title }}</a>
    &raquo; {{ page.title }}
  </h2>

  {{ page.body|richtext }}

  <h3 class="not-prose text-lg mt-8 mb-4 text-gray-700 font-semibold">{% trans "Lessons" %}</h3>
  <ul class="list-disc list-inside">
    {% for lesson in page.get_children.specific.live %}
      <li>
        <a href="{{ lesson.url }}" class="text-blue-600 hover:underline">{{ lesson.title }}</a>
      </li>
    {% empty %}
      <li>{% trans "No lessons yet." %}</li>
    {% endfor %}
  </ul>
{% endblock content %}