<div id="statement-info">

	<div id="card">
		{{ statement['bank'].upper() }} {{ statement['last_four_digits'] }}
	</div>

	<div id="issue-date">
		{{ statement['issue_date'].strftime('%B %Y') }}
	</div>

	<div id="balance">
		<div>$</div>
		<div>{{ statement['balance']|currency }}</div>
	</div>

	<div id="payment">

		<div id="due">
			<div>DUE</div>
			<div id="due-date" class="update-db-widget">
				<div class="widget-text">
					<div class="widget-display">{{ statement['due_date'] }}</div>
					<input class="widget-input" type="text" name="due_date" value="{{ statement['due_date'] }}" />
				</div>
				<img class="widget-edit-icon" src="{{ url_for('static', filename='img/icons/edit.png') }}" />
			</div>
		</div>

		{% if statement['payment_date'] %}

			<div id="paid" class="paid-notice slide-text-gadget">
				<div class="sleeve">
					<div class="main">PAID</div>
					<div class="reveal">{{ statement['payment_date'] }}</div>
				</div>
			</div>

		{% else %}

			<form id="pay" action="" method="post">
				<div class="form-line">
					<div class="dollar-sign">$</div>
					<input id="pay-amount" type="text" name="pay_amount" value="{{ statement['balance']|currency }}" maxlength="8"/>
					<input id="pay-date" type="text" name="pay_date" value="{{ date_today }}" maxlength="10"/>
				</div>
				<button id="make-payment" class="dark-background" type="button"> 
					<div id="prompt">Make a payment</div>
					<img class="icon" src="{{ url_for('static', filename='img/icons/checkmark.png') }}" />
				</button>
			</form>

		{% endif %}
	</div>

</div>
