{% extends 'base.html' %}

{% block content %}
<div class="form-box">
<form method="POST" class="post-form" action="/transactions/import">
		{% csrf_token %}
	<div class="container">
<br>
{% if form.errors %}
	{% for field in form %}
		{% for error in field.errors %}
			<div class="alert alert-danger">
				<strong>{{field.name}}: {{ error|escape }}</strong>
			</div>
		{% endfor %}
	{% endfor %}
	{% for error in form.non_field_errors %}
		<div class="alert alert-danger">
			<strong>{{ error|escape }}</strong>
		</div>
	{% endfor %}
{% endif %}

	<div class="form-group row">
	<label class="col-sm-1 col-form-label"></label>
	<div class="col-sm-4">
	<h3>Import Transactions from Bitcoin.de API</h3>
	<p>You need an API Key with Show permissions, and with access from only this IP: {{my_ip}}</p>
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">API Key:</label>
	<div class="col-sm-4">
	  {{ form.api_key }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">API Secret:</label>
	<div class="col-sm-4">
	  {{ form.api_secret }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Starting Date:</label>
	<div class="col-sm-4">
	  {{ form.start_date }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-1 col-form-label"></label>
	<div class="col-sm-4">
	<button type="submit" class="btn btn-primary">Submit</button>
	</div>
	</div>

	</div>
</form>
</div>
{% endblock %}