{% extends 'images.html' %}
{% import "bootstrap/wtf.html" as wtf %}

{% set btn_back = true %}

{% block content %}

<h1 class="m-5">{{_('List images')}}</h1>
{% for r in responses %}
    {% set server = r['server']['name']%}
    {% set repos = r['repos'] %}
    {% for repo in repos.values() %}
        {% set repo_name = repo['name'] %}
        {% set images = repo['images'] %}
        {% if images %}
        {{ repo_name }} ({{ server }})
        <table class="table table-hover">
        <thead class="thead-light">
            <tr>
                <th>Name</th>
                <th>Size (MiB)</th>
                <th>Datasize (MiB)</th>
                <th>Last update</th>
            </tr>
        </thead>
        <tbody class="text-left">
            {% for img in images %}
            <tr>
                <th>{{img['name']}}</th>
                <td>{{img['size'] / 1024 ** 2}}</td>
                <td>{{img['datasize'] / 1024 ** 2}}</td>
                <td>{{img['modified']}}</td>
            </tr>
            {% endfor %}
        </tbody>
        </table>
        {% endif %}
    {% endfor %}
{% endfor %}

{% endblock %}