{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
  {{ this.body }}
  {% if this.collections is defined %}
    {% if this.collections.blocks | length != 0 %}
      <a href="#collections">Ansible Collections</a>
      {% if this.roles is defined %}
        {% if this.roles.blocks | length != 0 %}
          |
        {% endif %}
      {% endif %}
    {% endif %}
  {% endif %}
  {% if this.roles is defined %}
    {% if this.roles.blocks | length != 0 %}
      <a href="#roles">Ansible Roles</a>
    {% endif %}
  {% endif %}
  {% if this.collections is defined %}
    {% if this.collections.blocks | length != 0 %}
      <h2 id="collections">{{ this.tablecollectionstitle }}</h2>
      <table>
        <thead>
          <tr>
            <th>Collection Name</th>
            <td>
              <ul>
                <li>Github</li>
                <li>Gitea</li>
              </ul>
            </td>
            <td>
              <ul>Roles</ul>
            </td>
            <td>
              <ul>
                <li>Ansible Collection</li>
                <li>Maintainance Status</li>
                <li>License</li>
              </ul>
            </td>
          </tr>
        </thead>
        <tbody>
        {% for blk in this.collections.blocks -%}
          <tr id="{{ blk.galaxy_name }}">
            <th><a href="{{ blk.gitrepo }}" target="_blank">{{ blk.name }}</a></th>
            <td>
              <code>
                <ul>
                  <li>
                    <a href="{{ blk.gitrepo }}" target="_blank" titel="Github Link">{{ blk.gitrepo }}</a>
                  </li>
                  <li>
                    <a href="{{ blk.gitearepo }}" target="_blank">{{ blk.gitearepo }}</a>
                  </li>
                </ul>
              </code>
            </td>
            <td>
              {% for rle in blk.roles.blocks -%}
                <ul>
                  <li>
                    <a href="#{{ rle.role_name }}" alt="{{ rle.name }}">
                      <img src="{{ {'name': rle.galaxy_name, 'state': rle.galaxy_name, 'label': 'ansible-role', suffix: 'collection_role'} | svg }}" />
                    </a>
                  </li>
                </ul>
              {% endfor %}
            </td>
            <td>
              <ul>
                <li>
                  {% if blk.no_galaxy %}
                  <a href="{{ blk.galaxy_url }}">
                    <img src="{{ {'name': blk.galaxy_name, 'state': blk.galaxy_name, 'label': 'ansible-collection', 'color': '#5eba5e', 'suffix': 'collection'} | svg }}" />
                  </a>
                  {% else %}-{% endif %}
                </li>
                <li>
                  <img src="{{ {'name': blk.galaxy_name, 'state': blk.maintainance, 'label': 'maintainance'} | svg }}" />
                </li>
                <li>
                  <img src="{{ {'name': blk.galaxy_name, 'state': blk.license, 'label': 'license'} | svg }}" />
                </li>
              </ul>
            </td>
          </tr>
      {% endfor %}
        </tbody>
      </table>
    {% endif %}
  {% endif %}
  {% 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>
              <ul>
                <li>Github</li>
                <li>Gitea</li>
              </ul>
            </td>
            <td>
              <ul>
                <li>Ansible Galaxy</li>
                <li>Maintainance Status</li>
                <li>License</li>
              </ul>
            </td>
          </tr>
        </thead>
        <tbody>
        {% for blk in this.roles.blocks -%}
          <tr id="{{ blk.galaxy_name }}">
            <th><a href="{{ blk.gitrepo }}" target="_blank">{{ blk.name }}</a></th>
            <td>
              <code>
                <ul>
                  <li>
                    <a href="{{ blk.gitrepo }}" target="_blank" titel="Github Link">{{ blk.gitrepo }}</a>
                  </li>
                  <li>
                    <a href="{{ blk.gitearepo }}" target="_blank">{{ blk.gitearepo }}</a>
                  </li>
                </ul>
              </code>
            </td>
            <td>
              <ul>
                <li>
                  {% 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 %}
                </li>
                <li>
                  <img src="{{ {'name': blk.galaxy_name, 'state': blk.maintainance, 'label': 'maintainance'} | svg }}" />
                </li>
                <li>
                  <img src="{{ {'name': blk.galaxy_name, 'state': blk.license, 'label': 'license'} | svg }}" />
                </li>
              </ul>
            </td>
          </tr>
      {% endfor %}
        </tbody>
      </table>
    {% endif %}
  {% endif %}
  {{ this.trailer }}
{% endblock %}