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

<div class="be-quicklist">
	<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>
</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="/create/page"
      method="post">
    <input required
	   type="hidden"
	   name="AUTHENTICITY-TOKEN"
	   value="{{token}}">
    <label>Title</label>
    <input type="text"
	   placeholder="Enter title here..."
	   name="TITLE"
	   value="{{title}}">
    <textarea name="PAGE-CONTENT"
	      id="mytextarea"
	      placeholder="Enter page content...">
      {{data}}
    </textarea>
    <!-- <input type="submit" value="Save Page"> -->
</form>
</div>
{% endblock %}