<div class="modal-header">
	<button type="button" class="close" data-ng-click="cancel()">×</button>
	<h3 class="modal-title">Payment</h3>
</div>
<form class="form-horizontal" data-ng-submit="save()">
	<div class="modal-body">
		<div class="form-group">
			<label class="col-sm-3 control-label label-required" for="inputAmount">Amount</label>
			<div class="col-sm-9">
				<div class="input-group">
					<span class="input-group-addon">£</span>
					<input type="text" class="form-control" id="inputAmount" data-ng-model="data.amount" numbers-only required>
				</div>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label label-required" for="inputDate">Payment Date</label>
			<div class="col-sm-9">
				<div class="input-group">
					<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
					<input type="text" class="form-control" id="inputDate" data-ng-model="data.date" data-date-format="dd/mm/yyyy" placeholder="dd/mm/yyyy" required bs-datepicker>
				</div>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label" for="inputNotes">Notes</label>
			<div class="col-sm-9">
				<textarea id="inputNotes" class="form-control" data-ng-model="data.notes" style="width: 95%;"></textarea>
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn btn-default" data-ng-click="cancel()" eat-click>Close</button>
		<button class="btn btn-primary" ng-disabled="saving">
			<i class="fa fa-spinner fa-spin" ng-show="saving"></i>&nbsp;
			<span ng-hide="saving">Take Payment</span>
			<span ng-show="saving">Saving...</span>
		</button>
	</div>
</form>