
<turbo-stream action="update" target="modal">
  <template>
    
<turbo-frame data-controller="modal_controller">
  <sdoc-backdrop>
      <sdoc-modal context="form">
        <sdoc-modal-header>
<turbo-frame>
  <a
    href="/actions/document/edit_grammar?document_mid=7bb55973511949b1ab4dc4e2e5937904"
    data-testid="back-link-grammar-element"
    class="sdoc-modal-header-back-button"
    data-turbo="true"
    data-turbo-action="replace"
  >←</a>Edit grammar element: SECTION
</turbo-frame>
</sdoc-modal-header>
        <sdoc-modal-content>
  <form
    id="sdoc_modal_form"  
    method="POST"
    data-turbo="true"
    action="/actions/document/save_grammar_element"
    data-controller="tabs"
    >
    <input type="hidden" id="document_mid" name="document_mid" value="7bb55973511949b1ab4dc4e2e5937904"/>
    <input type="hidden" id="element_mid" name="element_mid" value="f446cf0bd56b42e79cdf18ee9181530e"/>

    
    <input
      type="hidden"
      value="true"
      name="is_composite"
    />
    
    <input
      type="hidden"
      value=""
      name="prefix"
    />
    
    <input
      type="hidden"
      value=""
      name="view_style"
    />

    
    <sdoc-tab-content id="Fields" active>
      <sdoc-form-descr>
        <b>StrictDoc conventions:</b>
        <br/>
        The requirements fields above the reserved "TITLE" field are dedicated to meta information and will be rendered as single-line. The fields below the reserved "STATEMENT" field are multiline and should be used for fields with more descriptive text.
      </sdoc-form-descr>

      <sdoc-form-grid>
        <div style="display: contents;" id="document__editable_grammar_fields"><sdoc-form-row
  
  data-controller=""

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    
<sdoc-form-field-group
  data-field-label="Reserved field"
  >

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[6ffd09a9a4054d239c7fd88e62c444c6][field_required]"
  />

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[6ffd09a9a4054d239c7fd88e62c444c6][field_name]"
    mid="6ffd09a9a4054d239c7fd88e62c444c6"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >UID</sdoc-contenteditable><input type="hidden" name="document_grammar_field[6ffd09a9a4054d239c7fd88e62c444c6][field_name]" value="UID" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[6ffd09a9a4054d239c7fd88e62c444c6][field_human_title]"
    mid="6ffd09a9a4054d239c7fd88e62c444c6"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[6ffd09a9a4054d239c7fd88e62c444c6][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>
</sdoc-form-row><sdoc-form-row
  
  data-controller="deletable_field movable_field"

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="27af0d0c753a4682a0ec67f243b56b0f"
    title="Move this LEVEL down"
    data-action-type="move_down"
    data-js-move-down-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-down-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polyline points="4 11 8 14 12 11"></polyline>
  <line x1="6" y1="2" x2="10" y2="2"></line>
  <line x1="8" y1="14" x2="8" y2="6"></line>
</svg></button><button
    class="field_action"
    mid="27af0d0c753a4682a0ec67f243b56b0f"
    title="Move this LEVEL up"
    data-action-type="move_up"
    data-js-move-up-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-up-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M8,10 C8,10 8,2 8,2"></path>
  <polyline points="4 5 8 2 12 5"></polyline>
  <line x1="6" y1="14" x2="10" y2="14"></line>
</svg></button>
  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    
<sdoc-form-field-group
  data-field-label="Custom field"
  >

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[27af0d0c753a4682a0ec67f243b56b0f][field_required]"
  />
  

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[27af0d0c753a4682a0ec67f243b56b0f][field_name]"
    mid="27af0d0c753a4682a0ec67f243b56b0f"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >LEVEL</sdoc-contenteditable><input type="hidden" name="document_grammar_field[27af0d0c753a4682a0ec67f243b56b0f][field_name]" value="LEVEL" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[27af0d0c753a4682a0ec67f243b56b0f][field_human_title]"
    mid="27af0d0c753a4682a0ec67f243b56b0f"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[27af0d0c753a4682a0ec67f243b56b0f][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="27af0d0c753a4682a0ec67f243b56b0f"
    title="Delete this custom field"
    data-action-type="delete"
    data-js-delete-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-delete-field-action-custom-field"
  ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <polyline points="13 5 12 14 4 14 3 5"></polyline>
  <line x1="2" y1="5" x2="14" y2="5"></line>
  <line x1="9.5" y1="7.5" x2="9.5" y2="11.5"></line>
  <line x1="6.5" y1="7.5" x2="6.5" y2="11.5"></line>
  <path d="M10,4 C10,2.8954305 9.1045695,2 8,2 C6.8954305,2 6,2.8954305 6,4"></path>
</svg></button>
  </sdoc-form-row-aside>
</sdoc-form-row><sdoc-form-row
  
  data-controller="deletable_field movable_field"

>
  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="2f3257d089064e019d403ce7dbc15a7a"
    title="Move this PREFIX down"
    data-action-type="move_down"
    data-js-move-down-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-down-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <polyline points="4 11 8 14 12 11"></polyline>
  <line x1="6" y1="2" x2="10" y2="2"></line>
  <line x1="8" y1="14" x2="8" y2="6"></line>
</svg></button><button
    class="field_action"
    mid="2f3257d089064e019d403ce7dbc15a7a"
    title="Move this PREFIX up"
    data-action-type="move_up"
    data-js-move-up-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-move-up-field-action-custom-field"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M8,10 C8,10 8,2 8,2"></path>
  <polyline points="4 5 8 2 12 5"></polyline>
  <line x1="6" y1="14" x2="10" y2="14"></line>
</svg></button>
  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    
<sdoc-form-field-group
  data-field-label="Custom field"
  >

  
  <input
    type="hidden"
    value="false"
    name="document_grammar_field[2f3257d089064e019d403ce7dbc15a7a][field_required]"
  />
  

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[2f3257d089064e019d403ce7dbc15a7a][field_name]"
    mid="2f3257d089064e019d403ce7dbc15a7a"
    placeholder="Enter field name here..."
    data-field-label="Field name"class="monospace"data-testid="form-field-reserved_field_name"
  >PREFIX</sdoc-contenteditable><input type="hidden" name="document_grammar_field[2f3257d089064e019d403ce7dbc15a7a][field_name]" value="PREFIX" /></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[2f3257d089064e019d403ce7dbc15a7a][field_human_title]"
    mid="2f3257d089064e019d403ce7dbc15a7a"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[2f3257d089064e019d403ce7dbc15a7a][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    <button
    class="field_action"
    mid="2f3257d089064e019d403ce7dbc15a7a"
    title="Delete this custom field"
    data-action-type="delete"
    data-js-delete-field-action
    data-turbo-action="replace"
    data-turbo="false"
    data-testid="form-delete-field-action-custom-field"
  ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <polyline points="13 5 12 14 4 14 3 5"></polyline>
  <line x1="2" y1="5" x2="14" y2="5"></line>
  <line x1="9.5" y1="7.5" x2="9.5" y2="11.5"></line>
  <line x1="6.5" y1="7.5" x2="6.5" y2="11.5"></line>
  <path d="M10,4 C10,2.8954305 9.1045695,2 8,2 C6.8954305,2 6,2.8954305 6,4"></path>
</svg></button>
  </sdoc-form-row-aside>
</sdoc-form-row><sdoc-form-row
  
  data-controller=""

>
  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>

  <sdoc-form-row-main>

    
<sdoc-form-field-group
  data-field-label="Reserved field"
  >

  
  <input
    type="hidden"
    value="true"
    name="document_grammar_field[a7335ac85fe847cda39818e840dd72a0][field_required]"
  />

<sdoc-form-field>
  <sdoc-contenteditable
    
    required="true"
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="false"id="document_grammar_field[a7335ac85fe847cda39818e840dd72a0][field_name]"
    mid="a7335ac85fe847cda39818e840dd72a0"
    placeholder="Enter field name here..."
    data-field-label="Field name&nbsp;*"class="monospace"data-testid="form-field-reserved_field_name"
  >TITLE</sdoc-contenteditable><input type="hidden" name="document_grammar_field[a7335ac85fe847cda39818e840dd72a0][field_name]" value="TITLE" required/></sdoc-form-field>

<sdoc-form-field>
  <sdoc-contenteditable
    
    
    data-controller="editablefield"
    role="textbox"
    data-field-type="singleline"contenteditable="true"id="document_grammar_field[a7335ac85fe847cda39818e840dd72a0][field_human_title]"
    mid="a7335ac85fe847cda39818e840dd72a0"
    placeholder="Enter human readable field name here..."
    data-field-label="Field human name"class="monospace"data-testid="form-field-reserved_field_human_title"
  ></sdoc-contenteditable><input type="hidden" name="document_grammar_field[a7335ac85fe847cda39818e840dd72a0][field_human_title]" value="" /></sdoc-form-field></sdoc-form-field-group>


  </sdoc-form-row-main>

  <sdoc-form-row-aside>
    


  </sdoc-form-row-aside>
</sdoc-form-row></div>
      </sdoc-form-grid>

      <sdoc-form-footer>
        <a
          class="action_button"
          href="/actions/document/add_grammar_field?document_mid=7bb55973511949b1ab4dc4e2e5937904"
          data-turbo="true"
          data-action-type="add_field"
          data-testid="form-action-add-grammar-field"
          
          onclick="setTimeout(()=> {this.scrollIntoView()}, 100)"
        ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <line x1="8" y1="3" x2="8" y2="13"></line>
  <line x1="13" y1="8" x2="3" y2="8"></line>
</svg> Add grammar field</a>
      </sdoc-form-footer>

    </sdoc-tab-content>

    
    <sdoc-tab-content id="Relations">

      

      <sdoc-form-grid>
        <div style="display: contents;" id="document__editable_grammar_relations"></div>
      </sdoc-form-grid>

      <sdoc-form-footer>
        <a
          class="action_button"
          href="/actions/document/add_grammar_relation?document_mid=7bb55973511949b1ab4dc4e2e5937904"
          data-turbo="true"
          data-action-type="add_relation"
          data-testid="form-action-add-grammar-relation"
          
          onclick="setTimeout(()=> {this.scrollIntoView()}, 100)"
        ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <line x1="8" y1="3" x2="8" y2="13"></line>
  <line x1="13" y1="8" x2="3" y2="8"></line>
</svg> Add grammar relation</a>
      </sdoc-form-footer>

    </sdoc-tab-content>

  </form>
</sdoc-modal-content>
        <sdoc-modal-footer>
            
<button
  
    form="sdoc_modal_form"
  
  data-turbo="true"
  class="action_button"
  type="submit"
  data-action-type="submit"
  data-testid="form-submit-action"
>Save</button>
          
            <button
    stimulus-modal-cancel-button
    type="button"
    class="action_button"
    data-action-type="cancel"
    data-testid="form-cancel-action"
  >Cancel</button>
          </sdoc-modal-footer>
      </sdoc-modal>
  </sdoc-backdrop>
</turbo-frame>
  </template>
</turbo-stream>
