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

<div id="sticky_template_forms" class="js-stick-at-bottom-when-scrolling">
  <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">
      {{ radios(templates_and_folders_form.move_to) }}
      {{ page_footer('Move', button_name='operation', button_value='move-to-existing-folder') }}
    </div>
    <div id="move_to_new_folder_form">
      <fieldset>
        <legend class="visuallyhidden">Move to a new folder</legend>
        {{ textbox(templates_and_folders_form.move_to_new_folder_name) }}
        {{ page_footer('Move to a new folder', button_name='operation', button_value='move-to-new-folder') }}
      </fieldset>
    </div>
  {% endif %}
  <div id="add_new_folder_form">
    <fieldset>
      <legend class="visuallyhidden">Add a new folder</legend>
      {{ textbox(templates_and_folders_form.add_new_folder_name) }}
      {{ page_footer('New folder', button_name='operation', button_value='add-new-folder') }}
    </fieldset>
  </div>
  <div id="add_new_template_form">
    <fieldset>
      <legend class="visuallyhidden">Add a new template</legend>
      {{ radios(templates_and_folders_form.add_template_by_template_type) }}
      {{ page_footer('Continue', button_name='operation', button_value='add-new-template') }}
    </fieldset>
  </div>
</div>