{% extends "layouts/default.html" %}
{% block title %}Users{% endblock %}
{% block content %}
<h1>Create New Page</h1>

<a href="/dashboard">Dashboard</a>

<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="/create/page" method="post">
    <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
    <label>Title</label>
    <input type="text" name="TITLE" value="{{page.title}}">
    <label>Category</label>
    <input type="text" name="CATEGORY" value="{{page.category}}">
    <label>Type</label>
    <input type="text" name="TYPE" value="{{page.type}}">
    <label>Date</label>
    <input type="date" name="DATE" value="{{page.date}}">
    <label>Keywords</label>
    <input type="text" name="KEYWORDS" value="{{keywords}}">
    <textarea name="PAGE-CONTENT" id="mytextarea" placeholder="Enter page content..."></textarea>
    <!-- <input type="submit" value="Save Page"> -->
</form>
{% endblock %}