{% from "components/radios.html" import radios, radios_nested %}
{% from "components/page-footer.html" import page_footer %}

<div id="sticky_template_forms">
  <button type="submit" name="operation" value="unknown" hidden></button>
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
  {% if templates_and_folders_form.move_to.choices and template_list.templates_to_show %}
    <div id="move_to_folder_radios">
      <div class="js-will-stick-at-bottom-when-scrolling">
      {{ radios_nested(templates_and_folders_form.move_to, move_to_children, option_hints=option_hints) }}
      </div>
      <div class="js-will-stick-at-bottom-when-scrolling">
      {{ page_footer('Move', button_name='operation', button_value='move-to-existing-folder') }}
      </div>
    </div>
    <div id="move_to_new_folder_form">
      <fieldset class="js-will-stick-at-bottom-when-scrolling">
        <legend class="govuk-visually-hidden">Add to new folder</legend>
        {{ textbox(templates_and_folders_form.move_to_new_folder_name, width='1-1') }}
        {{ page_footer('Add to new folder', button_name='operation', button_value='move-to-new-folder') }}
      </fieldset>
    </div>
  {% endif %}
  <div id="add_new_folder_form">
    <fieldset class="js-will-stick-at-bottom-when-scrolling">
      <legend class="govuk-visually-hidden">Add new folder</legend>
      {{ textbox(templates_and_folders_form.add_new_folder_name, width='1-1') }}
      {{ page_footer('Add new folder', button_name='operation', button_value='add-new-folder') }}
    </fieldset>
  </div>
  <div id="add_new_template_form">
    <div class="js-will-stick-at-bottom-when-scrolling">
    {{ radios(templates_and_folders_form.add_template_by_template_type) }}
    </div>
    <div class="js-will-stick-at-bottom-when-scrolling">
    {{ page_footer('Continue', button_name='operation', button_value='add-new-template') }}
    </div>
  </div>
  <div class="selection-counter govuk-visually-hidden" role="status" aria-live="polite">
    Nothing selected
  </div>
</div>