{% extends "base.html" %}
{% block content %}
  {% if latest_article_list %}
    <div class="ui inverted relaxed divided selection list">
      {% for article in latest_article_list %}
        <div class="item" onclick="location.href='{% url 'knowledgebase:article' article.slug %}';">
          <div class="right floated content">
            <div class="ui inverted basic tiny black right ribbon label"><i class="{{ article.icon }} icon"></i> {{ article.verbose_category }} </div>
          </div>
          <a class ="header" href="{% url 'knowledgebase:article' article.slug %}">{{ article.title }}</a>
          <div class="description">{{ article.description }}</div>
        </div>
      {% endfor %}
    </div>
  {% else %}
    <p>No articles available.</p>
  {% endif %}
{% endblock %}
