<script>
function validate(){
var designation_name = $('#designation_name').val();
	if(designation_name == ''){
		BootstrapDialog.alert('Please Enter Designation Name.!!!');
		return false;
	}
var designation_desc = $('#designation_desc').val();
	if(designation_desc == ''){
		BootstrapDialog.alert('Please Enter Designation Discription.!!!');
		return false;
	}
	var designation_code = $('#designation_code').val();
	if(designation_code == ''){
		BootstrapDialog.alert('Please Enter Designation Code.!!!');
		return false;
	}
save_designation();
}
</script>
<style>
#modal-add-designation{
	overflow-y:scroll;
}
</style>
<div class="modal fade" id="modal-add-designation" name="modal-add-designation" role="dialog" aria-hidden="true">
	<form role="form" id="designation_form" name="designation_form" action="#" method="post">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="widget-header">
					<h5 class="widget-title">Designation</h5>
						<div class="widget-toolbar">
							<div class="widget-menu">
							<a href="#" class="close"   data-action="close" data-dismiss="modal">
								<i class="ace-icon fa fa-times"></i>
							</a>
							
						</div>
					</div>
				</div>
				 
				<div class="modal-body">
						<div class="form-group">
							<label for="role">Designation Name</label>
						<input type="hidden" class="form-control" name="designation_id"
									id="designation_id" value="" required/>
							<input type="text" class="form-control" name="designation_name"
									id="designation_name" placeholder="Enter Designation Name" required/>
						</div>
						<div class="form-group">
							<label for="ailment">Designation Discription</label>
							<input type="text" class="form-control" name="designation_desc"
									id="designation_desc" placeholder="Enter Designation Discription" required/>
						</div>
					<div class="form-group">
							<label for="ailment">Designation Code</label>
							<input type="text" class="form-control" name="designation_code"
									id="designation_code" placeholder="Enter Designation Code" required/>
						</div>
					
				</div>
				<div class="widget-toolbox padding-8 clearfix" >
					<button type="button" class="btn btn-info btn-sm save_button" onclick="validate();"><i class="ace-icon fa fa-floppy-o bigger-110"></i>Save	</button>
					<button type="button" class="btn btn-danger  btn-sm" data-dismiss="modal"><i class="ace-icon fa fa-times bigger-110"></i>Cancel</button>					
				</div>
					
			</div>
		</div>
	</form>
</div>