<script type="text/ng-template" id="newCustomerSourceModal.html">
	<form name="form" class="form-horizontal" ng-submit="_save(customer_source)" novalidate>
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="cancel()">
				<i class="ti ti-close"></i>
			</button>
			<h4 class="modal-title">New Customer Source</h4>
		</div>
		<div class="modal-body">
			<p>Fields with <span style="color: #cc0000;">*</span> are required.</p>
			<div class="form-group">
				<label for="name" class="col-sm-2 control-label">Name <span style="color: #cc0000;">*</span></label>
				<div class="col-sm-9">
					<input type="text" class="form-control" name="name" id="name" ng-model="customer_source.name" ng-required="true" ng-minlength="3">
					<p class="help-block" ng-show="form.name.$touched && form.name.$error.required">Value is required.</p>
					<p class="help-block" ng-show="form.name.$touched && form.name.$error.minlength">Value is too short.</p>
				</div>
			</div>
		</div>
		<div class="modal-footer">
			<a class="btn btn-danger" ng-click="cancel()">
				<i class="ti ti-close" style="margin-right: 5px;"></i>
				Cancel
			</a>
			<button type="submit" ng-disabled="!form.$valid" class="btn-primary btn">
				<i class="ti ti-share" style="margin-right: 5px;"></i>
				Save
			</button>
		</div>
	</form>
</script>