{% extends "layout.html" %}
{% block title%}KernelCare.ePortal{% endblock %}
{% block body -%}
    <div id="contents" class="container-fluid">
        <div id="data" class="row">
            <div class="col-md-8 col-md-offset-1">
        <span onClick="location.href='{{ url_for('main.show_keys') }}'">
                <span class="glyphicon glyphicon-circle-arrow-left"></span> Back
                </span>
                <div class="panel panel-default">
                    {% if servers.items|length == 0 %}
                        <div class="panel-body">No Servers Available</div>
                    {% else %}
                        <div class="panel-heading"><b>{{ kc_key.key }}</b> {{ kc_key.note }} usage: ({{ kc_key.server_count() }} /
                            {% if kc_key.server_limit == 0 %}unlimited{% else %}{{ kc_key.server_limit }}{% endif %})</div>
                        <div id="data-pagination-wrapper">
                            <table class="table">
                                <thead>
                                <tr>
                                    <th>IP</th><th>Hostname</th><th>Effective Kernel</th><th>Registered <span class="glyphicon glyphicon-sort"></span></th><th>Check In <span class="glyphicon glyphicon-sort"></span></th><th></th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for server in servers.items %}
                                    <tr>
                                        <td>{{ server.remote_ip }}</td>
                                        <td>{% if server.node %}{{ server.node}}{% else %}-{% endif %}</td>
                                        <td>{% if server.euname %}{{ server.euname}}{% else %}-{% endif %}</td>
                                        <td>{{ moment(server.created).format('YYYY-MM-DD HH:mm:ss') }}</td>
                                        <td>{% if server.last %}{{ moment(server.last).format('YYYY-MM-DD HH:mm:ss')}}{% else %}-{% endif %}</td>
                                        <td><a href="{{ url_for('main.delete_server', key=server.kc_key, server_id=server.server_id) }}"><span class="text-danger"><span class="glyphicon glyphicon-remove"></span></span></a></td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                            <div style="width:100%; text-align: center">
                                {% if servers.has_prev %}<a href="{{ url_for('main.show_servers', key=kc_key.key, page=servers.prev_num) }}"><span class="glyphicon glyphicon-backward"></span> </a>{% else %}<span class="glyphicon glyphicon-backward"></span> {% endif %} |
                                {% if servers.has_next %}<a href="{{ url_for('main.show_servers', key=kc_key.key, page=servers.next_num) }}"><span class="glyphicon glyphicon-forward"></span> </a>{% else %}<span class="glyphicon glyphicon-forward"></span> {% endif %}
                            </div>

                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

{% endblock -%}