<div id=“gollum-editor” data-escaped-name=“{{escaped_name}}” class=“{{#is_create_page}}create{{/is_create_page}}{{#is_edit_page}}edit{{/is_edit_page}} {{#allow_uploads}}uploads-allowed{{/allow_uploads}} tex2jax_ignore”> {{#is_create_page}} <form id=“gollum-editor-form” name=“gollum-editor” action=“{{create_path}}” method=“post”> {{/is_create_page}} {{#is_edit_page}} <form id=“gollum-editor-form” name=“gollum-editor” action=“{{edit_path}}/{{escaped_name}}” method=“post”> {{/is_edit_page}}

<fieldset id="gollum-editor-fields">
{{#is_create_page}}
<div id="gollum-editor-title-field" class="mb-4">
  <label for="page" class="jaws">Page Title</label>
  <input class="form-control mb-2 input-lg input-block text-bold f5" placeholder="Page title" type="text" name="page" id="gollum-editor-page-title" value="{{page_name}}">
  {{#has_path}}
  <p class="path_note"><strong>{{tt.editor.note.title}}</strong> {{tt.editor.note.content}}</p>
  {{/has_path}}
</div>
{{/is_create_page}}
{{#is_edit_page}}
<input type="hidden" name="page" id="gollum-editor-page-title" value="{{page_name}}">
<input type="hidden" name="etag" id="gollum-editor-etag" value="{{etag}}">
{{/is_edit_page}}
<input type="hidden" name="path" id="gollum-editor-page-path" value="{{path}}">

<div id="gollum-editor-function-bar" class="border-bottom clearfix mb-2">
  <div id="gollum-editor-function-buttons" class="overflow-auto no-wrap">
    <div class="BtnGroup">
      <button class="btn btn-sm BtnGroup-item function-button" id="function-h1" title="{{tt.editor.function_bar.heading1.title}}">{{tt.editor.function_bar.heading1.value}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-h2" title="{{tt.editor.function_bar.heading2.title}}">{{tt.editor.function_bar.heading2.value}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-h3" title="{{tt.editor.function_bar.heading3.title}}">{{tt.editor.function_bar.heading3.value}}</button>
    </div>

    <div class="BtnGroup">
      <button class="btn btn-sm BtnGroup-item function-button" id="function-link" title="{{tt.editor.function_bar.link}}">{{#octicon}}link{{/octicon}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-image" title="{{tt.editor.function_bar.image}}">{{#octicon}}image{{/octicon}}</button>
    </div>

    <div class="BtnGroup">
      <button class="btn btn-sm BtnGroup-item function-button" id="function-bold" title="{{tt.editor.function_bar.bold}}">{{#octicon}}bold{{/octicon}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-italic" title="{{tt.editor.function_bar.italic}}">{{#octicon}}italic{{/octicon}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-code" title="{{tt.editor.function_bar.code}}">{{#octicon}}code{{/octicon}}</button>
    </div>

    <div class="BtnGroup">
      <button class="btn btn-sm BtnGroup-item function-button" id="function-ul" title="{{tt.editor.function_bar.unordered_list}}">{{#octicon}}list-unordered{{/octicon}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-ol" title="{{tt.editor.function_bar.ordered_list}}">{{#octicon}}list-ordered{{/octicon}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-blockquote" title="{{tt.editor.function_bar.blockquote}}">{{#octicon}}quote{{/octicon}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-hr" title="{{tt.editor.function_bar.horizontal_rule}}">{{#octicon}}horizontal-rule{{/octicon}}</button>
    </div>

    {{#critic_markup}}
    <div class="BtnGroup">
      <button class="btn btn-sm BtnGroup-item function-button" id="function-critic-accept" title="{{tt.editor.function_bar.accept_selected_criticMarkup}}">{{#octicon}}plus{{/octicon}}</button>
      <button class="btn btn-sm BtnGroup-item function-button" id="function-critic-reject" title="{{tt.editor.function_bar.reject_selected_criticMarkup}}">{{#octicon}}dash{{/octicon}}</button>
    </div>
    {{/critic_markup}}

    <button class="btn btn-sm function-button" id="function-text-direction" title="{{tt.editor.function_bar.reverse_text_direction}}">{{#octicon}}arrow-both{{/octicon}}</button>

    <button
      aria-label="{{tt.editor.function_bar.help}}"
      class="btn btn-sm function-button"
      data-help-text="{{help_text}}"
      id="function-help"
      title="{{tt.editor.function_bar.help}}">
      {{#octicon}}question{{/octicon}}
    </button>

  </div>

  <div id="gollum-editor-selector-wrapper" class="d-flex flex-wrap float-right">
    <div id="gollum-editor-keybinding-selector" class="mx-2">

      <details class="details-reset details-overlay">
        <summary class="btn btn-sm btn-block" aria-haspopup="true">
          {{#octicon}}gear{{/octicon}}
          <span class="mr-1">{{default_keybinding}}</span>
          <div class="dropdown-caret"></div>
        </summary>
        <div id="keybinding" class="SelectMenu BasicSelect">
          <div class="SelectMenu-modal">
            <header class="SelectMenu-header">
              <h3 class="SelectMenu-title text-left">{{tt.editor.function_bar.keybinding}}</h3>
            </header>
            <div class="SelectMenu-list">
              {{#keybindings}}
              <button class="SelectMenu-item" role="menuitemcheckbox" {{#selected}}aria-checked="true"{{/selected}} value="{{name}}">
                <!-- <%= octicon "check", class: "SelectMenu-icon SelectMenu-icon--check" %> -->
                {{#octicon}}check 16 16 SelectMenu-icon SelectMenu-icon--check{{/octicon}}
                {{name}}
              </button>
              {{/keybindings}}
            </div>
          </div>
        </div>
      </details>
    </div>

    <div id="gollum-editor-format-selector"> 
      <input type="hidden" id="format" name="format" value={{format}}>
      <details class="details-reset details-overlay">
        <summary class="btn btn-sm btn-block" aria-haspopup="true">
          {{#octicon}}pencil{{/octicon}}
          <span class="mr-1">{{format}}</span>
          <div class="dropdown-caret"></div>
        </summary>
        <div id="wiki_format" class="SelectMenu BasicSelect">
          <div class="SelectMenu-modal">
            <header class="SelectMenu-header">
              <h3 class="SelectMenu-title text-left">{{tt.editor.function_bar.wiki_format}}</h3>
            </header>
            <div class="SelectMenu-list">
              {{#formats}}
              {{#enabled}}
              <button class="SelectMenu-item" value="{{id}}" data-ext="{{ext}}" role="menuitemcheckbox" {{#selected}}aria-checked="true"{{/selected}}>
                <!-- <%= octicon "check", class: "SelectMenu-icon SelectMenu-icon--check" %> -->
                {{#octicon}}check 16 16 SelectMenu-icon SelectMenu-icon--check{{/octicon}}
                {{name}}
              </button>
              {{/enabled}}
              {{/formats}}
              <div class="SelectMenu-divider text-left">{{tt.editor.function_bar.rendering_unavailable_for}}</div>
              {{#formats}}
              {{^enabled}}
              <button class="SelectMenu-item" value="{{id}}" data-ext="{{ext}}" role="menuitemcheckbox" {{#selected}}aria-checked="true"{{/selected}} disabled>
                <!-- <%= octicon "check", class: "SelectMenu-icon SelectMenu-icon--check" %> -->
                {{#octicon}}check 16 16 SelectMenu-icon SelectMenu-icon--check{{/octicon}}
                {{name}}
              {{/enabled}}
              {{/formats}}
            </div>
          </div>
        </div>
      </details>
    </div>
  </div>    

</div>

<div id="gollum-editor-help" class="jaws border rounded-2 overflow-hidden mb-2">
  <nav id="gollum-editor-help-parent" class="menu rounded-0 float-left border-top-0 border-bottom-0 border-left-0">
    <a href="javascript:void(0);" class="selected menu-item border-bottom">Help 1</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 1</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 1</a>
  </nav>
  <nav id="gollum-editor-help-list" class="menu rounded-0 float-left border-top-0 border-bottom-0 border-left-0">
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 2</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 3</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 4</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 5</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 6</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 7</a>
    <a href="javascript:void(0);" class="menu-item border-bottom">Help 8</a>
  </nav>
  <div id="gollum-editor-help-wrapper">
    <div id="gollum-editor-help-content" class="f4">
    <p>
    </p>
    </div>
  </div>
</div>
<div id="gollum-autorecover-msg" class="flash my-2" hidden>
    {{tt.editor.restore_button.prompt}}
    <button id="gollum-autorecover-button" class="btn btn-sm primary flash-action">{{tt.editor.restore_button.value}}</button>
</div>
  <textarea id="gollum-editor-body" class="form-control text-mono"
   data-markup-lang="{{format}}" name="content" class="mousetrap">{{content}}</textarea>
  <div id="uploading">
    <p><div class="dotted-spinner"></div> Uploading file...</p>
  </div>

  {{#header}}

  <div id="gollum-editor-edit-header" class="collapsed border-bottom pt-2">
                      <button class="btn btn-sm collapsable mb-2">{{#octicon}}triangle-down{{/octicon}}</button><button class="btn btn-sm collapsable mb-2" hidden>{{#octicon}}triangle-up{{/octicon}}</button>
    <h4 class="d-inline-block pl-2 f3">Header</h4>
    <textarea id="gollum-editor-header" name="header" class="form-control input-block mb-2 text-mono overflow-auto">{{header}}</textarea>
  </div>
  {{/header}}

  {{#footer}}
  <div id="gollum-editor-edit-footer" class="collapsed border-bottom pt-2">
    <button class="btn btn-sm collapsable mb-2">{{#octicon}}triangle-down{{/octicon}}</button><button class="btn btn-sm collapsable mb-2" hidden>{{#octicon}}triangle-up{{/octicon}}</button>
    <h4 class="d-inline-block pl-2 f3">Footer</h4>
    <textarea id="gollum-editor-footer" name="footer" class="form-control input-block mb-2 text-mono overflow-auto">{{footer}}</textarea>
  </div>
  {{/footer}}

  {{#sidebar}}
  <div id="gollum-editor-edit-sidebar" class="collapsed border-bottom pt-2">
    <button class="btn btn-sm collapsable mb-2">{{#octicon}}triangle-down{{/octicon}}</button><button class="btn btn-sm collapsable mb-2" hidden>{{#octicon}}triangle-up{{/octicon}}</button>
                      <h4 class="d-inline-block pl-2 f3">Sidebar</h4>

    <textarea id="gollum-editor-sidebar" name="sidebar" class="form-control input-block mb-2 text-mono overflow-auto">{{sidebar}}</textarea>
  </div>
  {{/sidebar}}

  <div id="gollum-editor-edit-summary" class="my-2">
    <label for="message" class="jaws">Edit message:</label>
    {{#is_create_page}}
    <input type="text" name="message" class="form-control input-lg input-block f5 color-fg-subtle" id="gollum-editor-message-field" value="Created {{page_name}} ({{format}})">
    {{/is_create_page}}
    {{#is_edit_page}}
    <input type="text" name="message" class="form-control input-lg input-block f5 color-fg-subtle" id="gollum-editor-message-field" value="Updated {{page_name}} ({{format}})">
    {{/is_edit_page}}
  </div>

  <span class="jaws"><br></span>
              <div class="form-actions">
      <input type="submit" id="gollum-editor-submit" class="btn btn-primary" value="{{tt.editor.save_button.value}}" title="{{tt.editor.save_button.title}}">
      <a id="gollum-editor-cancel" class="btn" type="button" title="{{tt.editor.cancel_button.title}}" onClick="if(confirm('{{tt.editor.cancel_button.confirm}}')) { window.history.back()}">{{tt.editor.cancel_button.value}}</a>
              </div>
</fieldset>

</form> </div> <div id=“gollum-saved-msg” class=“position-fixed bottom-0 left-0”></div>