{% extends "layout.html" %}

{% block body %}
	<form method="POST" action="" class="url-form">
		{% if form.errors %}
			<ul class="form-error-message">
				{% for error in form.url.errors %}
					<li>{{ error }}</li>
				{% endfor %}
				{% for error in form.token.errors %}
					<li>{{ error }}</li>
				{% endfor %}
			</ul>
		{% endif %}
		{{ form.hidden_tag() }}
		<ul class='input-list'>
			<li>{{ form.url(placeholder="Enter the URL here", autofocus=true, class="url") }}</li>
			<li>{{ form.token(placeholder="Enter the token (optional)", autofocus=true, class="token") }}</li>
			<ul class="token-explanation">
				<li>tiny0.cc/token</li>
				<li>Token must be between 6 and 16 characters long</li>
				<li>It can only contain letters, numbers, underscores(_) and dashes(-)</li>
			</ul>
			<li>{{ form.submit(class="button") }}</li>
		</ul>
	</form>
	<div class="click-tracker">
		<a href="{{ url_for('tracker') }}">Click Tracker</a>
	</div>
{% endblock %}