{% extends "core/base.jinja" %}

{% from "core/macros.jinja" import tabs %}

{% block title %}
  {% trans %}New subscription{% endtrans %}
{% endblock %}

{% block additional_js %}
  <script type="module" src="{{ static('bundled/core/components/tabs-index.ts') }}"></script>
  <script
    type="module"
    src="{{ static("bundled/subscription/creation-form-existing-user-index.ts") }}"
  ></script>
{% endblock %}
{% block additional_css %}
  <link rel="stylesheet" href="{{ static("core/components/tabs.scss") }}">
  <link rel="stylesheet" href="{{ static("subscription/css/subscription.scss") }}">
{% endblock %}

{% block content %}
  <h3>{% trans %}New subscription{% endtrans %}</h3>
  <ui-tab-group id="subscription-form">
    <ui-tab title="{% trans %}Existing member{% endtrans %}" active>
      {{ existing_user_fragment }}
    </ui-tab>
    <ui-tab title="{% trans %}New member{% endtrans %}">
      {{ new_user_fragment }}
    </ui-tab>
  </ui-tab-group>
{% endblock %}