{% extends "zerver/portico.html" %}

{% block portico_content %}
<div class="app find-team-page">
    <div class="app-main find-team-page-container">
        <p class="lead">
            <h3 class="find-team-page-header">{{ _("Find your team") }}…</h3>
        </p>
        {% if emails %}
        <div id="results">
            <p>
                Emails sent! You will only receive emails at addresses associated
                with Zulip organizations. The addresses entered on the previous page
                are listed below:
            </p>

            <ul>
                {% for email in emails %}
                <li>{{ email }}</li>
                {% endfor %}
            </ul>

            {% if development_environment %}
            <div class="alert alert-info" style="display:inline-block;">
                {{ _("In the Zulip development environment, outgoing emails are printed to the run-dev.py console") }}
            </div>
            {% endif %}

        </div>
        {% else %}
        <div class="find-team-form">
            <p>
                We will send you an email with the sign-in information for
                any Zulip organization(s) associated with the addresses you enter below.
            </p>
            <form class="form-inline" id="find_my_team" name="email_form"
                action="{{ current_url() }}" method="post">
                {{ csrf_input }}
                <input type="text" class="form-control required" autofocus
                       placeholder="{{ _("Enter email addresses") }}"
                       id="emails" name="emails"/>
                <button type="submit" class="btn btn-primary">{{ _('Find team') }}</button>
                <div><i>{{ form.emails.help_text }}</i></div>
            </form>
            <div id="errors"></div>
            {% if form.emails.errors %}
                {% for error in form.emails.errors %}
                <div class="alert alert-error">{{ error }}</div>
                {% endfor %}
            {% endif %}
        </div>
        {% endif %}
    </div>
    <div class="footer-padder"></div>
</div>
{% endblock %}