{% if (action == 'edit' or action == 'new') %}
	<div class="card card-info card-outline">
		<div class="card-header">
			<h5 class="m-0">{% if action == 'edit' %}Edit{% else %}Add{% endif %} page</h5>
		</div>
		<form class="form-horizontal" method="post"
			  action="?p=pages&action={% if action == 'edit' %}edit{% else %}add{% endif %}">
			{% if action == 'edit' %}
				<input type="hidden" name="id" value="{{ id }}"/>
			{% endif %}
			<div class="card-body">
				<div class="form-group row">
					<label for="title">Page Title</label>
					<input type="text" id="title" name="title" class="form-control" autocomplete="off"
						   maxlength="29"
						   style="cursor: auto;" value="{{ title }}">
				</div>
				<div class="form-group row">
					<label for="name">Link/name</label>
					<input type="text" id="name" name="name" class="form-control" autocomplete="off"
						   maxlength="29"
						   style="cursor: auto;" value="{{ name }}">
				</div>
				<div class="form-group row">
					<label for="access">Access</label>
					<select class="form-control" id="access" name="access">
						{% for id, group in groups %}
							<option value="{{ group.getId() }}"{% if access == group.getId() %} selected{% endif %}>{{ group.getName() }}</option>
						{% endfor %}
					</select>
				</div>
				<div class="form-group row">
					<label for="php">PHP
						<input type="checkbox" id="php" name="php"
							   title="Check if page should be executed as PHP"
							   value="1"{% if php %} checked{% endif %}{% if action == 'edit' %} disabled{% endif %}/>
						{% if action == 'edit' %}
							<input type="hidden" name="php" value="{% if php %}1{% else %}0{% endif %}"/>
						{% endif %}</label>
				</div>
				{% if not php %}
					<div class="form-group row">
						<label for="enable_tinymce">Enable TinyMCE
							<input type="checkbox" id="enable_tinymce" name="enable_tinymce"
								   title="Check if you want to use TinyMCE Editor"
								   value="1"{% if enable_tinymce %} checked{% endif %}{% if action == 'edit' %} disabled{% endif %}/>
							{% if action == 'edit' %}
								<input type="hidden" name="enable_tinymce" value="{% if enable_tinymce %}1{% else %}0{% endif %}"/>
							{% endif %}
						</label>
					</div>
				{% endif %}
				<div class="form-group row">
					<label for="body">Content</label>
					<textarea class="form-control" id="body" name="body" maxlength="65000" cols="50"
							  rows="10">{{ body|raw }}</textarea>
				</div>
			</div>
			<div class="card-footer">
				<button type="submit" class="btn btn-info"><i class="fas fa-update"></i> Update</button>
				<button type="button" onclick="window.location = '{{ constant('ADMIN_URL') }}?p=pages';" class="btn btn-danger float-right"><i class="fas fa-cancel"></i> Cancel</button>

			</div>
		</form>
	</div>

	<script type="text/javascript" src="{{ constant('BASE_URL') }}node_modules/tinymce/tinymce.min.js"></script>
	<script type="text/javascript">
		$(function () {
			$('#enable_tinymce').on('change', function (e) {
				if (!this.checked) {
					tinymce.remove('#body');
				} else {
					if (tinymce.editors.length > 0) {
						tinymce.activeEditor.show();
					} else {
						init_tinymce();
					}
				}
			});

			{% if not php and enable_tinymce %}
			init_tinymce();
			{% endif %}

			function init_tinymce() {
				tinymce.init({
					selector: "#body",
					plugins: 'code print preview searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists textcolor wordcount spellchecker imagetools contextmenu colorpicker textpattern help emoticons',
					toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | emoticons link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat code',
					image_advtab: true,
					relative_urls: false,
					remove_script_host: false,
					document_base_url: "{{ constant('BASE_URL') }}"
				});
			}

			function decodeHtml(html) {
				var txt = document.createElement("textarea");
				txt.innerHTML = html;
				return txt.value;
			}
		});
	</script>  {% endif %}