{% extends "base.html" %}
{% load djblets_extensions djblets_js i18n %}


{% block page_class %}{{block.super}} -is-content-full-page{% endblock %}


{% block title %}{% trans "Activate Review Board" %}{% endblock %}


{% block content %}
<div class="powerpack-c-activation">
 <h2 class="powerpack-c-activation__header">
{%  if can_use_activation_code %}
{%   blocktrans %}
  Activate Review Board
{%   endblocktrans %}
{%  else %}
{%   blocktrans %}
  Review Board is already activated
{%   endblocktrans %}
{%  endif %}
 </h2>
 <form class="powerpack-c-activation__content"
       id="activation-form">
{%  if can_use_activation_code %}
  {% csrf_token %}

  <div class="powerpack-c-activation__errors" aria-live="polite"></div>

  <p>
{%   blocktrans with getrb_url="https://www.reviewboard.org/get/" %}
   If you have an activation code from
   <a href="{{getrb_url}}">reviewboard.org</a>, enter it here to get set up:
{%   endblocktrans %}
  </p>

  <input class="powerpack-c-activation__code-input"
         type="text"
         minlength="36"
         maxlength="36"
         pattern="[A-F0-9]{8}-([A-F0-9]{4}-){3}[A-F0-9]{12}"
         placeholder="XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX"
{%   if activation_code %}
         value="{{activation_code}}"
{%   endif %}
         aria-label="{% trans "Activation code input" %}"
         autofocus
         required/>

  <p>
{%   blocktrans with getrb_url="https://www.reviewboard.org/get/" %}
   If you don't have an activation code,
   <a href="{{getrb_url}}">select a plan</a>.
{%   endblocktrans %}
  </p>

  <div class="powerpack-c-activation__buttons">
   <button class="powerpack-c-activation__activate-button ink-c-button"
           type="submit"
           aria-live="polite">
    {% trans "Activate" %}
   </button>
  </div>
{%  else %}{# not can_use_activation_code #}
  <p>
{%   url "admin-licenses" as licenses_url %}
{%   blocktrans %}
   To manage your license, visit
   <a href="{{licenses_url}}">Administration UI → Licenses</a>.
{%   endblocktrans %}
  </p>
{%  endif %}
 </form>
</div>
{% endblock content %}


{% block js-page-view-type %}PowerPack.ActivationPageView{% endblock %}
{% block js-page-view-options %}{{js_view_options|json_dumps}}{% endblock %}