{% extends "layouts/default.html" %}
{% block title %}Edit: {{title}}{% endblock %}
{% block content %}
<h1>Edit Page</h1>

<script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script>

<script>
 tinymce.init({
     selector: '#mytextarea',
     plugins: [
	 'advlist', 'autolink', 'lists', 'link', 'image', 'charmap',
	 'emoticons', 'preview', 'anchor', 'searchreplace', 'visualblocks',
	 'fullscreen', 'insertdatetime', 'media', 'save', 'table', 'help',
	 'visualchars', 'wordcount', 'quickbars', 'pagebreak', 'nonbreaking',
	 'importcss', 'directionality', 'codesample', 'code', 'autosave',
	 'autoresize'
     ],
     toolbar: 'undo redo | save | formatpainter casechange blocks | bold italic backcolor | ' +
              'alignleft aligncenter alignright alignjustify | ' +
              'bullist numlist checklist outdent indent | removeformat | a11ycheck code table help'
 });
</script>

<form action="/page/set-nav-menu" method="post">
  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
  <input required type="hidden" name="SLUG" value="{{db-data.slug}}">
    <input type="checkbox" name="SHOW-IN-NAV"
	   {% if db-data.enable-nav-menu == 1 %}
	   checked
	   {% endif %}
    >
    <label>Include in Nav. Menu</label>
    <input type="submit" value="Save Changes">
</form>

<form action="/rename/page" method="post">
  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
   <input required type="hidden" name="ID" value="{{db-data.id}}">
    <input required type="hidden" name="SLUG" value="{{db-data.slug}}">
    <label>Title</label>
    <input required type="text" name="NEW-TITLE" value="{{db-data.title}}">
    <input type="submit" value="Rename Page">
</form>

<form action="/edit/page" method="post">
  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
  <input required type="hidden" name="slug" value="{{db-data.slug}}">
  <textarea name="PAGE-CONTENT" id="mytextarea"
	    placeholder="Enter page content...">
    {{data}}
    </textarea>
    <!-- <input type="submit" value="Save Page"> -->
</form>
{% endblock %}