{% extends "layouts/default.html" %}
{% block title %}Edit: {{title}}{% endblock %}
{% block content %}
<h1>Edit: {{title}}</h1>
<div>
    {% if roles.logged-in %}
    <a href="/dashboard">Dashboard</a>
    <a href="/user/edit">Edit Account</a>
    <form action="/logout" method="post">
	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
	<input type="submit" value="logout">
    </form>
    <form action="/user/delete" method="post">
	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
	<input type="submit" value="Delete Account">
    </form>
    <a href="/create/page">Create Page</a>
    <a href="/pages">View Pages</a>
    
    {% if roles.administrator %}
    <a href="/site-settings">Site Settings</a>
    <a href="/users">Users</a>
    {% endif %}
    
    {% else %}
    <a href="/">Home</a>
    <a href="/login">Log-in</a>
    {% endif %}
</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 action="/rename/page" method="post">
    <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
    <input required type="hidden" name="TITLE" value="{{title}}">
    <label>Title</label>
    <input required type="text" name="NEW-TITLE" value="{{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="TITLE" value="{{title}}">
    <textarea name="PAGE-CONTENT" id="mytextarea"
	      placeholder="Enter page content...">
    {{data}}
    </textarea>
    <!-- <input type="submit" value="Save Page"> -->
</form>
{% endblock %}