extends ../layout.pug

block rootNavCenter
  h2.nav-item= pageData.meta.title

block rootNavRight
  loading-spinner
  span.nav-item
    a.button.is-outlined(v-on:click='$store.dispatch("modalDiscardPage/open")')
      i.icon-cross
      span= t('nav.discard')
    a.button(v-on:click='$root.$emit("editor/save")')
      i.icon-check
      span= t('nav.savechanges')

block content
  editor(inline-template, current-path=pageData.meta.path, v-cloak)
    .columns.is-gapless
      .column.editor-area
        textarea(ref='editorTextArea', v-pre)= pageData.markdown
      .column.editor-sd
        .editor-sd-item Images
        .editor-sd-item Files

  editor-file
  editor-video
  editor-codeblock
  modal-discard-page(mode='edit', current-path=pageData.meta.path)
  page-loader(text=t('loading.editor'))