{% extends "base.html" %}

{% load crispy_forms_tags %}

{% block content %}

<div class="row">
	<div class="col-sm-12">
		<p class="lead">Hello and welcome to the 2nd DK0TU CQ TU contest, the CQ TU 2107!</p>
	</div>
</div>

<div class="row">
	<div class="col-sm-6">
		<div class="panel panel-default">
			<div class="panel-heading"><h3 class="panel-title">Participate</h3></div>
			<div class="panel-body">
				<p>
				What next? Here are some ideas:
				</p>
				<p>
				<ul>
					<li>If you want to review the contest rules, take a look at <a href="{% url "contest:overview" %}">the contest overview page</a></li>
					<li>Need an account and already got a call? <a href="{% url "register" %}">Register here</a>!</li>
					<li>Already have an account? Login on the right.</li>
				</ul>
				</p>
				<p>
				Und nun noch ein Wort von unserem Sponsor:
				<blockquote>
					Serverbasierte Loesung finde ich nach eingem Ueberlegen doof.
					<footer>DL7BST</footer>
				</blockquote>
				</p>
			</div>
		</div>
	</div>
	<div class="col-sm-6">
		<div class="panel panel-default">
			<div class="panel-heading"><h3 class="panel-title">Login</h3></div>
			<div class="panel-body">
				<p>
				Login with callsign (uppercase) and password.
				</p>
				<form method="post" action="{% url "login" %}">
					{% csrf_token %}
					{{ loginForm|crispy }}
					<div class="form-actions">
						<button type="submit" class="btn btn-primary">Login</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-sm-12">
	</div>
</div>
{% endblock %}