{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
  {{ this.body }}
  {% if this.roles is defined %}
    {% if this.roles.blocks | length != 0 %}
      <h2 id="roles">{{ 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.roles.blocks -%}
          <tr>
            <th><a href="{{ blk.gitrepo }}" target="_blank">{{ blk.name }}</a></th>
            <td>
              {% if blk.no_galaxy %}
              <a href="{{ blk.galaxy_url }}">
                <img src="{{ {'name': blk.galaxy_name, 'state': blk.galaxy_name, 'label': 'ansible-galaxy'} | svg }}" />
              </a>
              {% else %}-{% endif %}
            </td>
            <td>
              <img src="{{ {'name': blk.galaxy_name, 'state': blk.maintainance, 'label': 'maintainance'} | svg }}" />
            </td>
            <td>
              <img src="{{ {'name': blk.galaxy_name, 'state': blk.license, 'label': 'license'} | svg }}" />
            </td>
          </tr>
      {% endfor %}
        </tbody>
      </table>
    {% endif %}
  {% endif %}
  {{ this.trailer }}
{% endblock %}