{% extends "withnav_template.html" %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/copy-to-clipboard.html" import copy_to_clipboard %}

{% block service_page_title %}
  New API key
{% endblock %}

{% block maincolumn_content %}


    <h1 class="font-body-2xl margin-bottom-3">
      New API key
    </h1>

    <p>
      Copy your key to somewhere safe.
    </p>
    <p>
      You will not be able to see it again once you leave this page.
    </p>

    <div class="bottom-gutter-2">

      {{ copy_to_clipboard(
        '{}-{}-{}'.format(key_name, service_id, secret),
        name='API key',
        thing='API key'
      ) }}

      {{ page_footer(
        secondary_link=url_for('.api_keys', service_id=current_service.id),
        secondary_link_text='Back to API keys'
      ) }}

    </div>

{% endblock %}