{% extends 'layout.html' %}
{% load helpers %}

{% block title_container %}{% endblock %}
{% block title %}Home{% endblock %}

{% block content %}
<div class="stats-container">
  <div class="row masonry">
    {% for section in stats %}
    <div class="col col-sm-12 col-md-4 my-2 masonry-item">
      <div class="card">
        <h5 class="card-header text-primary">{{ section.label }}</h5>
        <div class="card-body">
          <div class="list-group list-group-flush">
            {% for item in section.items %}
            <a href="{% url item.url %}" class="list-group-item list-group-item-action{% if item.disabled %} disabled{% endif %}">
              <div class="d-flex w-100 justify-content-between align-items-center">
                <div class="d-flex flex-column align-items-start">
                  <h6 class="mb-1">{{ item.label }}</h6>
                  {% if item.description %}
                  <small class="mb-1 text-muted">{{ item.description }}</small>
                  {% endif %}
                </div>
                <span class="badge stat-badge rounded-pill">
                  {% if item.count == None %}
                    <i class="mdi mdi-lock"></i>
                  {% else %}
                    {{ item.count }}
                  {% endif %}
                </span>
              </div>
            </a>
            {% endfor %}
          </div>
          <div class="display-4 font-weight-normal text-primary">
            {{ item.count }}
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</div>

<div class="row my-4 flex-grow-1 changelog-container">
  <div class="col">
    <div class="card">
      <h4 class="card-header">Changelog</h4>
      <div class="card-body">
        {% include 'changelog.html' %}
      </div>
    </div>
  </div>
</div>
{% endblock %}