{% extends "base.html" %}
{% block head %}
	<script src="{{ url_for('static', filename='js/edit.js') }}" type="text/javascript"></script>
{% endblock %}
{% block nav %}
<ul class="navbar-nav mr-auto">
	<li class="nav-item active"><a href="{{ url_for('.paste') }}" class="nav-link">{{ title }}</a></li>
</ul>
{% endblock %}
{% block content %}
<h1>New paste</h1>
<form action="/paste" method="post" id="pasteform">
	<div class="form-row mb-3">
		<div class="col-auto">
			<select name="syntax" id="syntax" class="custom-select">
				{% for cat, ls in config.LEXERS %}
				<optgroup label="{{ cat }}">
					{% for k, v in ls %}
					<option value="{{ v }}"{% if v == (session.syntax or config.DEFAULT_SYNTAX) %} selected="selected"{% endif %}>{{ k }}</option>
					{% endfor %}
				</optgroup>
				{% endfor %}
			</select>
		</div>
		<div class="col-auto">
			<div class="custom-control custom-checkbox">
				<input type="checkbox" name="remember_syntax" id="remember_syntax"{% if session.syntax %} checked{% endif %} class="custom-control-input">
				<label for="remember_syntax" class="custom-control-label">Remember syntax</label>
			</div>
		</div>
	</div>
	<div class="form-row mb-3">
		<div class="col-auto">
			<input type="text" name="nick" id="nick" value="{{ session.nick }}" class="form-control" placeholder="Name">
		</div>
		<div class="col-auto">
			<div class="custom-control custom-checkbox">
				<input type="checkbox" name="remember_me" id="remember_me"{% if session.nick %} checked{% endif %} class="custom-control-input">
				<label for="remember_me" class="custom-control-label">Remember me</label>
			</div>
		</div>
	</div>
	<div class="form-row mb-3">
		<div class="col-auto">
			<input type="text" name="title" id="title" class="form-control" placeholder="Title">
		</div>
	</div>
	<div class="form-row mb-3">
		<div class="col">
			<textarea rows="15" name="text" id="text" class="form-control text-monospace"></textarea>
		</div>
	</div>
	<div class="form-row mb-3">
		<button type="submit" id="pastesubmit" name="type" class="btn btn-primary" value="Paste">Paste</button>
		<button type="submit" id="pastesubmit2" name="type" class="btn btn-secondary" value="Preview">Preview</button>
	</div>
</form>
{% endblock %}