{% extends viewDir + "/layout.njk" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}

<div class="columns">
{% for model in file.models.models %}
  <div class="column is-4">
    <div class="card">
      <header class="card-header">
        <p class="card-header-title">
          {{ type.type(file.models, model.name, ".") }}
        </p>
        {{ cardHeaderIcon.edit(model.editUrl) }}
        {{ cardHeaderIcon.source(model.sourceUrl) }}
      </header>

      <div class="card-content">
        {{ tags.tags(model) }}
        <div class="content">
          {% if model.properties and model.properties.length > 0 %}
            {% for prop in model.properties %}
              <p>
                <b>{{ prop.name }}</b>
                <small>{{ type.type(file.models, prop.type, ".") }}</small>
              </p>
            {% endfor %}
          {% endif %}
        </div>
      </div>

      <footer class="card-footer">
        <div class="card-footer-item">
          {% if model.description %}{{ model.description }}{% endif %}
        </div>
      </footer>
    </div>
  </div>
  {% if loop.index % 3 === 0 and not loop.last %}</div><div class="columns">{% endif %}
{% endfor %}
</div>

{% endblock %}