<div class="modal-header">
	<button type="button" class="close" data-ng-click="cancel()">×</button>
	<h3 class="modal-title"><i class="fa fa-envelope"></i> Email the customer</h3>
</div>
<form class="form-horizontal" data-ng-submit="send()">
	<div class="modal-body">
		<div class="form-group">
			<label class="col-sm-3 control-label" for="inputTo">Sent To</label>
			<div class="col-sm-9">
				<input type="text" class="form-control" id="inputTo" data-ng-model="data.send_to" required>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label" for="inputSubject">Subject</label>
			<div class="col-sm-9">
				<input type="text" class="form-control" id="inputSubject" data-ng-model="data.subject" required readonly>
			</div>
		</div>
		<div class="form-group">
			<label class="col-sm-3 control-label" for="inputMessage">Message</label>
			<div class="col-sm-9">
				<textarea id="inputMessage" class="form-control" data-ng-model="data.message" rows="10" required></textarea>
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn btn-default" data-ng-click="cancel()" eat-click ng-disabled="sending">Close</button>
		<button class="btn btn-primary" ng-disabled="sending">
			<i ng-class="{'fa-spinner fa-spin': sending, 'fa-envelope': !sending}" class="fa"></i>
			<span ng-if="!sending">Send email</span>
			<span ng-if="sending">Sending...</span>
		</button>
	</div>
</form>
