{% extends "layouts/default.html" %}
{% block title %}Edit: {{title}}{% endblock %}
{% block content %}
<div class="be-main">
<h1>Edit Page</h1>

<div class="be-quicklist">
    <a class="be-gui-link"
       title="Click to view your Dashboard"
       href="/dashboard">
	<img alt="Dashboard"
	     src="/images/icons/dashboard.png">
	View Dashboard
    </a>
    <a class="be-gui-link"
       title="Click to view '{{db-data.title}}'"
       href="/view/page/{{db-data.slug}}">
	    <img alt="View Page"
		 src="/images/icons/view-entry.png">
	    View Page
    </a>
    <a class="be-gui-link"
       title="Click to create a new page"
       href="/create/page">
	<img alt="New Page"
	     src="/images/icons/add-circle.png">
	Create Page
    </a>
    <a class="be-gui-link"
       title="Click to view all pages stored on the system"
       href="/user/pages">
	    <img alt="Pages Index"
		 src="/images/icons/index.png">
	    Pages Index
	</a>
	<a class="be-gui-link"
	   title="Click to view files in Storage"
	   href="/storage/manage">
	    <img alt="Storage Index"
		 src="/images/icons/index.png">
	    Storage Index
	</a>
	<a class="be-gui-link"
	   title="Click to view all archive entries stored on the system"
	   href="/user/archive">
	    <img alt="Archive Index"
		 src="/images/icons/index.png">
	    Archive Index
	</a>
</div>

<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 class="be-gui-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}}">
    <div class="be-gui-form-row">
    <input type="checkbox"
	   name="SHOW-IN-NAV"
	   {% if db-data.enable-nav-menu == 1 %}
	   checked
	   {% endif %}
    >
    <label>Show in Nav. Menu</label>
    <button class="be-gui-button-no-text"
	    title="Click to save navigation menu setting for '{{db-data.title}}'"
	    type="submit">
	<img alt="Save nav. menu setting for{{db-data.title}}"
	     src="/images/icons/save.png">
    </button>
    </div>
</form>

<form class="be-gui-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>
    <div class="be-gui-form-row">
	<input required
	       type="text"
	       name="NEW-TITLE"
	       value="{{db-data.title}}">
    <button class="be-gui-button-no-text"
	    title="Click to update the title for '{{db-data.title}}'"
	    type="submit">
	<img alt="Rename {{db-data.title}}"
	     src="/images/icons/save.png">
    </button>
    </div>
</form>

<form class="be-gui-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>
</form>
</div>
{% endblock %}