{% extends "_page.twig" %}

{% block title %}All hosts{% endblock %}
{% block content %}
    <div class="container">
        <div class="all-hosts">
            
            <p class="important title" align="center">
                All domains
            </p>
        
            <table class="table">
            <thead class="table__head">
                <tr class="table__row">
                    <th class="table__cell">Domain</th>
                    <th class="table__cell"><abbr title="Address Helper">AH</abbr></th>
                    <th class="table__cell"><abbr title="Base32 address">B32</abbr></th>
                    <th class="table__cell table__cell_full-b32">Full Base32</th>
                    <th class="table__cell table__cell_date">Last seen (UTC)</th>
                </tr>
            </thead>
            <tbody class="table__body">
                {% for host in hosts %}
                <tr class="table__row">
                    <td class="table__cell"><a href="http://{{ host.host }}/" rel="external nofollow noopener noreferrer" target="_blank">{{ host.host }}</a></td>
                    <td class="table__cell table__cell_center-bold"><a href="http://{{ host.host }}/?i2paddresshelper={{ host.base64 }}" rel="external nofollow noopener noreferrer" target="_blank"">A</a></td>
                    <td class="table__cell table__cell_center-bold"><a href="http://{{ host.base32 }}.b32.i2p/" rel="external nofollow noopener noreferrer" target="_blank">B</a></td>
                    <td class="table__cell table__cell_full-b32 table__cell_long-ass">{{ host.base32 }}</td>
                    <td class="table__cell table__cell_date">{{ host.last_seen != '0000-00-00 00:00:00' ? host.last_seen : 'Never' }}</td>
                </tr>
                {% endfor %}
            </tbody>
            </table>
        
            {% if total > 1 %}
            {% include "_pagination.twig" with {
                total,
                current,
                url: "/all/"
            } only %}
            {% endif %}
        </div>
    </div>
{% endblock %}