{% extends "layouts/default.html" %}
{% block title %}Create a new archive entry{% endblock %}
{% block content %}
<h1>Create Archive Entry</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="/create/archive-entry" method="post" enctype="multipart/form-data">
  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
  <label>Title</label>
  <input type="text" name="TITLE" value="{{title}}">
  <label>Keywords</label>
  <input type="text" name="KEYWORDS" value="{{keywords}}">
  <label>Thumbnail</label>
  <input required type="file" name="THUMBNAIL-FILE">
  <textarea name="PAGE-CONTENT" id="mytextarea"
	    placeholder="Enter page content...">
    {{data}}
  </textarea>
  <!-- <input type="submit" value="Save Page"> -->
</form>
{% endblock %}