<script>
function validate(){
var ailment_name = $('#ailment_name').val();
	if(ailment_name == ''){
		BootstrapDialog.alert('Please Enter Ailment Name.!!!');
		return false;
	}
var ailment_desc = $('#ailment_desc').val();
	if(ailment_desc == ''){
		BootstrapDialog.alert('Please Enter Ailment Description.!!!');
		return false;
	}
save_ailment();
}
</script>
<style>
#modal-add-ailment{
	overflow-y:scroll;
}
</style>
<div class="modal fade" id="modal-add-ailment" name="modal-add-ailment" role="dialog" aria-hidden="true">
	<form role="form" id="ailment_form" name="ailment_form" action="#" method="post">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="widget-header">
					<h5 class="widget-title">Ailment</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">Ailment Name</label>
						<input type="hidden" class="form-control" name="ailment_id"
									id="ailment_id" value="" required/>
							<input type="text" class="form-control" name="ailment_name"
									id="ailment_name" placeholder="Enter ailment Name" required/>
						</div>
						<div class="form-group">
							<label for="ailment">Ailment Description</label>
							<input type="text" class="form-control" name="ailment_description"
									id="ailment_description" placeholder="Enter Ailment Description" 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>