{% extends "zerver/base.html" %}
{% set entrypoint = "support" %}

{# Remote servers. #}

{% block title %}
<title>Remote servers</title>
{% endblock %}


{% block content %}
<div class="container">
    <br />
    <form>
        <center>
            <input type="text" name="q" class="input-xxlarge search-query" placeholder="hostname or contact email" value="{{ request.GET.get('q', '') }}" autofocus />
            <button type="submit" class="btn btn-default support-search-button">Search</button>
        </center>
    </form>

    <div id="remote-server-query-results">
        {% for remote_server in remote_servers %}
        <div class="support-query-result">
            <div class="remote-server-information">
                <span class="label">remote server</span>
                <h3>{{ remote_server.hostname }}</h3>
                <b>Contact email</b>: {{ remote_server.contact_email }}
                <a title="Copy email" class="copy-button" data-copytext="{{ remote_server.contact_email }}">
                    <i class="fa fa-copy"></i>
                </a>
                <br />
                <b>Last updated</b>: {{ remote_server.last_updated|timesince }} ago<br />
                <b>Max monthly messages</b>: {{ remote_server_to_max_monthly_messages[remote_server.id] }}<br />
            </div>
        </div>
        {% endfor %}
    </div>
</div>

{% endblock %}