{% extends "zerver/portico.html" %}
{% load i18n %}
{% load minified_js %}

{# A landing page for the first user in a realm, prompting her to invite her colleages. #}

{% block for_you %}for {{company_name}} {% endblock %}

{% block customhead %}
    {{ block.super }}
    {% minified_js 'initial_invite' %}

        <script type="text/javascript">
        var invite_suffix = "{{invite_suffix}}";
        </script>

{% endblock %}

{% block portico_content %}

<h1 style="margin-top:30px;">{% trans "You're the first one here!" %}</h1>
<p>
  {% trans "Let's invite some folks for you to chat with" %}:
</p>
<div id="invite_rows">
    <form id="invite_form">
    {% csrf_token %}
    <div class="invite_row"><input name="email_1" class="invite_email" type={% if not invite_suffix %}"email"{% else %}"text"{% endif %} /> {% if invite_suffix %}@{{invite_suffix}}{% endif %}</div>
        <p id="invite_blurb">({% trans "We'll email invitations to them" %})</p>
    <div class="alert" id="invite_error" style="display: none;">
    </div>
    <button id="submit_invitation" class="btn btn-primary" data-loading-text="Next">{% trans 'Next' %} »</button>
    </form>
</div>
{% endblock %}