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

{% 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 %}

<p>
  (Welcome! We think you'll like it here.)
</p>
<br />
<h2>You're the first one here!</h2>
<p>
  They said this was some sort of group communication tool, so you probably have some people you want 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">(We'll email invitations to these people so they can revel in the joy that is Humbug.)</p>
    <div class="alert" id="invite_error" style="display: none;">
    </div>
    <button id="submit_invitation" class="btn btn-primary" data-loading-text="Next">Next »</button>
    </form>
</div>
{%endblock %}