{% extends "withoutnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% block per_page_title %}
  New organization
{% endblock %}

{% block main %}
  <div class="govuk-width-container">
    <div class="navigation-service usa-breadcrumb">
      <a href="{{ url_for('.organizations') }}" class="usa-link navigation-service usa-breadcrumb__link usa-breadcrumb-back-to">All organizations</a>
      <a href="{{ url_for('main.choose_account') }}" class="usa-link navigation-service usa-breadcrumb-switch">Switch service</a>
    </div>

    <div class="grid-row">
      <div class="grid-col-3">
        &nbsp;
      </div>
      <div class="grid-col-9">
        <main class="govuk-main-wrapper column-main" id="main-content" role="main" >
          {% block beforeContent %}{% endblock %}
          {% block content %}
            {{ page_header('New organization') }}
            {% call form_wrapper() %}
              {{ form.name }}
              {{ form.organization_type }}
              {{ page_footer('Save') }}
            {% endcall %}
          {% endblock %}
        </main>
      </div>
    </div>
  </div>

{% endblock %}