{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
  {{ this.body }}
  {% if this.table is defined %}
    {% if this.table.blocks | length != 0 %}
      <h2>{{ this. tabletitle }}</h2>
      <table>
        <thead>
          <tr>
            <th>Role Name</th>
            <td>Ansible Galaxy</td>
            <td>Maintainance Status</td>
            <td>License</td>
          </tr>
        </thead>
        <tbody>
        {% for blk in this.table.blocks -%}
          <tr>
            <th><a href="{{ blk.gitrepo }}" target="_blank">{{ blk.name }}</a></th>
            <td>
              <a href="{{ blk.galaxy_url }}"><img src="{{ blk.galaxy_name | galaxy }}" /></a>
            </td>
            <td>
              <img src="{{ {'name': blk.galaxy_name, 'state': blk.maintainance} | maintainance }}" />
            </td>
            <td>
              <img src="{{ {'name': blk.galaxy_name, 'state': blk.license} | license }}" />
            </td>
          </tr>
      {% endfor %}
        </tbody>
      </table>
    {% endif %}
  {% endif %}
{% endblock %}