<tal:i18n omit-tag=""
          i18n:domain="ploneintranet"
>
  <div class="editor-toolbar tiptap"
       id="texteditor-toolbar-${view/name}"
  >
    <div class="pat-collapsible pat-context-menu closed align-left no-label icon-paragraph"
         id="formatting-menu"
         data-pat-collapsible="close-trigger: .pat-context-menu:not(#formatting-menu),.close-menu;"
    >
      <strong class="context-menu-label menu-trigger pat-tooltip"
              data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
              i18n:translate=""
      >Formatting</strong>
      <p class="close-menu"
         i18n:translate=""
      >Close</p>
      <ul class="menu-list">
        <li>
          <button class="button-heading-level-1 icon-header"
                  type="button"
                  i18n:translate=""
          >Header level 1</button>
        </li>
        <li>
          <button class="button-heading-level-2 icon-header"
                  type="button"
                  i18n:translate=""
          >Header level 2</button>
        </li>
        <li>
          <button class="button-heading-level-3 icon-header"
                  type="button"
                  i18n:translate=""
          >Header level 3</button>
        </li>
        <li>
          <button class="button-paragraph icon-paragraph"
                  type="button"
                  i18n:translate=""
          >Normal</button>
        </li>
        <li>
          <button class="button-blockquote icon-quote-left"
                  type="button"
                  i18n:translate=""
          >Quote</button>
        </li>
        <li>
          <button class="button-code-block icon-code"
                  type="button"
                  i18n:translate=""
          >Code</button>
        </li>
      </ul>
    </div>

    <button class="icon icon-bold button-bold pat-tooltip"
            type="button"
            data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
            i18n:translate=""
    >Bold</button>
    <button class="icon icon-italic button-italic pat-tooltip"
            type="button"
            data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
            i18n:translate=""
            tal:condition="view/show_italic_button"
    >Italic</button>
    <button class="icon icon-strike button-strike pat-tooltip"
            type="button"
            data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
            i18n:translate=""
    >Strike</button>
    <a class="icon icon-link button-link pat-modal pat-tooltip"
       href="#tiptap-modal-hyperlink--fieldname-${view/name}"
       data-pat-modal="class: medium panel panel-hyperlink"
       data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
       i18n:translate=""
    >Hyperlink</a>

    <button class="button-horizontal-rule icon icon-minus pat-tooltip"
            type="button"
            data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
            i18n:translate=""
    >Horizontal rule</button>

    <div class="pat-collapsible pat-context-menu closed align-left no-label icon-list"
         id="list-menu"
         type="button"
         data-pat-collapsible="close-trigger: .pat-context-menu:not(#list-menu),.close-menu;"
    >
      <strong class="context-menu-label menu-trigger pat-tooltip"
              data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
              i18n:translate=""
      >Lists</strong>
      <p class="close-menu"
         i18n:translate=""
      >Close</p>
      <ul class="menu-list">
        <li>
          <button class="button-unordered-list icon-list-bullet"
                  type="button"
                  i18n:translate=""
          >Bullet list</button>
        </li>
        <li>
          <button class="button-ordered-list icon-list-numbered"
                  type="button"
                  i18n:translate=""
          >Ordered list</button>
        </li>
      </ul>
    </div>

    <a class="icon icon-picture-1 button-image pat-modal pat-tooltip"
       href="${here/aq_parent/absolute_url}/@@panel-upload-image#document-content"
       data-pat-modal="class: medium panel image-picker"
       data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
       i18n:translate=""
       tal:condition="view/show_image_button"
    >Image</a>

    <a class="icon icon-video button-embed pat-modal pat-tooltip"
       href="#tiptap-modal-embed--fieldname-${view/name}"
       data-pat-modal="class: medium panel embed-video"
       data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
       i18n:translate=""
       tal:condition="view/show_embed_button"
    >Video</a>

    <div class="pat-collapsible pat-context-menu closed align-right no-label icon-table"
         id="table-menu"
         data-pat-collapsible="close-trigger: .pat-context-menu:not(#table-menu),.close-menu;"
         tal:condition="view/show_table_button"
    >
      <strong class="context-menu-label menu-trigger pat-tooltip"
              data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
              i18n:translate=""
      >Tables</strong>
      <p class="close-menu"
         i18n:translate=""
      >Close</p>
      <ul class="menu-list">
        <li>
          <button class="button-table-create icon-plus-squared"
                  type="button"
                  i18n:translate=""
          >Create table</button>
        </li>
        <li>
          <button class="button-table-remove icon-minus-squared"
                  type="button"
                  i18n:translate=""
          >Remove table</button>
        </li>
        <li>
          <button class="button-table-add-column-left icon-add-column-left"
                  type="button"
                  i18n:translate=""
          >Add column to the left</button>
        </li>
        <li>
          <button class="button-table-add-column-right icon-add-column"
                  type="button"
                  i18n:translate=""
          >Add column to the right</button>
        </li>
        <li>
          <button class="button-table-remove-column icon-remove-column"
                  type="button"
                  i18n:translate=""
          >Remove column</button>
        </li>
        <li>
          <button class="button-table-add-row-above icon-add-row-above"
                  type="button"
                  i18n:translate=""
          >Add row above</button>
        </li>
        <li>
          <button class="button-table-add-row-below icon-add-row"
                  type="button"
                  i18n:translate=""
                  i18n:comment="INFO: Add a table row in the texteditor below the current one."
          >Add row below</button>
        </li>
        <li>
          <button class="button-table-remove-row icon-remove-row"
                  type="button"
                  i18n:translate=""
          >Remove row</button>
        </li>
      </ul>
    </div>
    <button class="button-undo icon icon-ccw pat-tooltip"
            type="button"
            data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
            i18n:translate=""
            tal:condition="view/show_undo_button"
    >Undo</button>
    <button class="button-redo icon icon-cw pat-tooltip"
            type="button"
            data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
            i18n:translate=""
            tal:condition="view/show_redo_button"
    >Redo</button>
    <a class="icon icon-html5 button-source pat-modal pat-tooltip"
       href="#tiptap-modal-source-editor--fieldname-${view/name}"
       data-pat-modal="class: medium panel html-source-editor panel-html-source-editor"
       data-pat-tooltip="trigger: hover; source: content; position-list: tm; class: label"
       i18n:translate=""
       tal:condition="view/show_source_button"
    >Code</a>
  </div>

</tal:i18n>
