{% extends 'base.html' %}

{% block content %}
<div class="form-box">
<form method="POST" class="post-form" action="/transactions/update/{{transaction.id}}">
		{% csrf_token %}
	<div class="container">
	<input type="hidden" name="trade_id" value="{{transaction.trade_id}}">
<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>Update Transaction</h3>
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Transaction Type:</label>
	<div class="col-sm-4">
	  {{ form.transaction_type }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Crypto Currency:</label>
	<div class="col-sm-4">
	  {{ form.crypto_currency }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Crypto Amount:</label>
	<div class="col-sm-4">
	  {{ form.crypto_amount }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Crypto fee:</label>
	<div class="col-sm-4">
	  {{ form.crypto_fee }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Exchange Rate:</label>
	<div class="col-sm-4">
		{{ form.exchange_rate }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Fiat Currency:</label>
	<div class="col-sm-4">
		{{ form.fiat_currency }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Fiat Amount:</label>
	<div class="col-sm-4">
	  {{ form.fiat_amount }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">Fiat Fee:</label>
	<div class="col-sm-4">
	  {{ form.fiat_fee }}
	</div>
	</div>

	<div class="form-group row">
	<label class="col-sm-2 col-form-label">{{ form.date_valid.label }}:</label>
	<div class="col-sm-4">
	  {{ form.date_valid }}
	</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-success">Update</button>
	</div>
	</div>

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