<div class="ModalTitle">
	{% lang 'CustomerNotesPopupHeading' %}
</div>
<div class="ModalContent">
	<p class="alert alert-warning">{% lang 'CustomerNotesPopupIntro' %}</p>

	<form action="" id="notesForm">
		<input type="hidden" id="customerId" name="customerId" value="{{ CustomerId|safe }}" />
		<textarea id="custnotes" name="custnotes" rows="8" class="form-control">{{ CustomerNotes|safe }}</textarea>
	</form>
</div>
<div class="modal-footer">
	<div class="FloatLeft">
		<img src="images/loading.gif" alt="" style="vertical-align: middle; display: none;" class="LoadingIndicator" />
		<input type="button" class="CloseButton FormButton btn btn-default" value="{% lang 'Cancel' %}" onclick="$.modal.close();" />
	</div>
	<input type="button" class="Submit btn btn-primary" value="{% lang 'Save' %}" name="SaveNotesButton" onclick="Customers.SaveNotes()" />
</div>