{% extends "base.html" %}

{% load crispy_forms_tags %}

{% block content %}
<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">Log a QSO!</div>
			<div class="panel-body">
				<style scoped>
					#id_reportRX, #id_reportTX {
						width: 25px;
					}
					#id_ownNo, #id_otherNo {
						width: 50px;
					}
					#id_refStr {
						width: 100px;
					}
					#id_call {
						width: 100px;
					}
				</style>
					{% crispy form %}
				<!--
				<form method="post" action="{% url "contest:log" %}" class="uniForm form-inline">
					{% csrf_token %}
					{{ form|crispy }}

				-->
					<!--
					{% for field in form %}
						<div class="form-group col-md-1">
						{{ field }}
					{% endfor %}

					-->
				<!--
					<input type="submit" value="Log">
				</form>
				-->
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">Your QSO log</div>
			<div class="panel-body">
				<table class="table">
					<thead>
						<tr>
							<th>No.</th>
							<th>Time</th>
							<th>Call</th>
							<th>Band</th>
							<th>TX Report</th>
							<th>RX Report</th>
							<th>Other No.</th>
							<th>Reference</th>
							<th></th>
						</tr>
					</thead>
					<tbody>
				{% for qso in qsos %}
					<tr>
						<td>{{ qso.ownNo }}</td>
						<td>{{ qso.time }}</td>
						<td>{{ qso.call }}</td>
						<td>{{ qso.band }}</td>
						<td>{{ qso.reportTX }}</td>
						<td>{{ qso.reportRX }}</td>
						<td>{{ qso.otherNo }}</td>
						<td>{{ qso.refStr }}</td>
						<td><a href="{% url "contest:logEdit" qso.id %}">Edit</a> <a href="{% url "contest:logDelete" qso.id %}">Delete</a></td>
					</tr>
				{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>

{% endblock %}