categories.jinja

{% extends "layout.jinja" %}

{% block main_content %}
  <div class="categories">
    {% for category in categories %}
      <div class="category-card">
        {% if category.cover_image %}
          <img src="{{ category.cover_image }}" alt="{{ category.name }}">
        {% endif %}

        <a href="{{ url_for('category_details', category_id=category.id, slug=category.slug) }}">
          {{ category.name }}
        </a>

        {% if category.sub_categories %}
          {% for sub in category.sub_categories %}
            <a href="{{ url_for('category_details', category_id=sub.id, slug=sub.slug) }}">
              {{ sub.name }}
            </a>
          {% endfor %}
        {% endif %}
      </div>
    {% endfor %}
  </div>
{% endblock %}