{% extends "base.html" %}{% load i18n %}
{% block title %}{% if person %}{{ person.display_name }}{% else %}{% translate "Add team member" %}{% endif %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% if person %}{{ person.display_name }}{% else %}{% translate "Add team member" %}{% endif %}</h1>
    {% if person %}<p>{% translate "Signs in as" %} <span class="num">{{ person.username }}</span>{% if names_work %} {% translate "or with their two names" %}{% endif %}</p>{% else %}<p>{% translate "They will sign in with their two names. Give them the starting password in person; they will choose their own the first time." %}</p>{% endif %}
  </div>
</div>

<form method="post" class="form" novalidate>
  {% csrf_token %}
  {% if form.non_field_errors %}<div class="form-errors">{{ form.non_field_errors|join:" " }}</div>{% endif %}
  <div class="panel">
    <div class="form-grid">
      {% include "_field.html" with field=form.first_name %}
      {% include "_field.html" with field=form.last_name %}
      {% include "_field.html" with field=form.phone %}
      {% include "_field.html" with field=form.alt_phone %}
      {% include "_field.html" with field=form.role %}
      {% include "_field.html" with field=form.language %}
      {% if person %}{% include "_field.html" with field=form.is_active wide=True %}{% endif %}
      {% if form.can_plan_shifts %}{% include "_field.html" with field=form.can_plan_shifts wide=True %}{% endif %}
      {% if not person %}
        {% include "_field.html" with field=form.password1 %}
        {% include "_field.html" with field=form.password2 %}
      {% endif %}
    </div>
  </div>
  <div class="actions">
    <button class="btn btn-primary" type="submit">{% if person %}{% translate "Save changes" %}{% else %}{% translate "Add team member" %}{% endif %}</button>
    <a class="btn btn-quiet" href="{% url 'team_list' %}">{% translate "Cancel" %}</a>
  </div>
</form>

{% if person %}
<section class="panel cred" aria-labelledby="cred-h" style="margin-top:32px;max-width:760px">
  <div class="panel-head"><h2 id="cred-h">{% translate "Sign-in details" %}</h2></div>
  <ul class="rows cred-facts">
    <li><span class="grow">{% translate "Sign-in name" %}</span><span class="num">{{ person.username }}</span></li>
    <li><span class="grow">{% translate "Two names also work" %}</span>
      <span>{% if names_work %}{{ person.get_full_name }}{% else %}<span class="warn-text">{% translate "No: the sign-in name doesn’t match their names" %}</span>{% endif %}</span></li>
    <li><span class="grow">{% translate "Last signed in" %}</span><span>{% if person.last_login %}{{ person.last_login|date:"j M Y, H:i" }}{% else %}{% translate "Never" %}{% endif %}</span></li>
    <li><span class="grow">{% translate "Signed in now on" %}</span><span>{% blocktranslate trimmed count n=devices %}{{ n }} device{% plural %}{{ n }} devices{% endblocktranslate %}</span></li>
    {% if not person.is_active %}<li><span class="grow">{% translate "Can sign in" %}</span><span class="warn-text">{% translate "No, sign-in is turned off" %}</span></li>{% endif %}
    {% if person.must_change_password %}<li><span class="grow">{% translate "Password" %}</span><span>{% translate "Must choose a new one at next sign-in" %}</span></li>{% endif %}
  </ul>
  {% if blocked_until %}
  <div class="danger-note" style="margin-top:14px">
    <strong>{% blocktranslate trimmed with time=blocked_until|date:"H:i" %}Sign-in blocked after wrong passwords until {{ time }}{% endblocktranslate %}</strong>
    {% if user.is_superuser %}{% translate "Unblock it if you know it was them, or set a new password below." %}{% else %}{% translate "An administrator can unblock it, or set a new password below." %}{% endif %}
  </div>
  {% endif %}
  {% if user.is_superuser %}
  <div class="actions" style="margin-top:14px">
    {% if blocked_until %}<form method="post">{% csrf_token %}<button class="btn" type="submit" name="action" value="unblock">{% translate "Unblock sign-in" %}</button></form>{% endif %}
    {% if devices %}<form method="post">{% csrf_token %}<button class="btn" type="submit" name="action" value="sign_out">{% if own %}{% translate "Sign out my other devices" %}{% else %}{% translate "Sign out of all devices" %}{% endif %}</button></form>{% endif %}
  </div>
  {% if devices %}<p class="small muted" style="margin-top:8px">{% translate "Use this when a phone or computer that was signed in is lost, sold or shared." %}</p>{% endif %}
  {% endif %}
</section>

<div class="{% if name_form %}split-even {% endif %}cred-forms" style="margin-top:20px;max-width:760px">
  {% if name_form %}
  <form method="post" class="form" novalidate>
    {% csrf_token %}
    <div class="panel">
      <div class="panel-head"><h2>{% translate "Change sign-in name" %}</h2></div>
      {% include "_field.html" with field=name_form.username %}
      <div class="actions" style="margin-top:14px"><button class="btn" type="submit" name="action" value="sign_in_name">{% translate "Save sign-in name" %}</button></div>
    </div>
  </form>
  {% endif %}
  <form method="post" class="form" novalidate>
    {% csrf_token %}
    <div class="panel">
      <div class="panel-head"><h2>{% translate "Set a new password" %}</h2></div>
      <p class="muted small">{% blocktranslate trimmed with name=person.first_name|default:person.username %}Use this when {{ name }} forgets their password.{% endblocktranslate %}</p>
      {% include "_field.html" with field=pw_form.new_password %}
      {% if user.is_superuser and not own %}<div style="margin-top:12px">{% include "_field.html" with field=pw_form.keep %}</div>{% endif %}
      <div class="actions" style="margin-top:14px"><button class="btn" type="submit" name="action" value="set_password">{% translate "Set new password" %}</button></div>
    </div>
  </form>
</div>

{% if user.is_superuser and not own %}
<section class="panel danger-zone" aria-labelledby="del-h" style="margin-top:20px;max-width:760px">
  <div class="panel-head"><h2 id="del-h">{% translate "Delete this person" %}</h2></div>
  <p class="small muted">{% translate "Removes their account for good, for example one made by mistake. If they left the team, turn off Can sign in instead, so their name stays on their past work." %}</p>
  <a class="btn btn-danger" href="{% url 'team_delete' person.pk %}">{% blocktranslate trimmed with name=person.display_name %}Delete {{ name }}…{% endblocktranslate %}</a>
</section>
{% endif %}
{% endif %}
{% endblock %}