<script>
function validate(){
var section_name = $('#section_name').val();
	if(section_name == ''){
		BootstrapDialog.alert('Please Enter Section Name.!!!');
		return false;
	}
var section_description = $('#section_description').val();
	if(section_description == ''){
		BootstrapDialog.alert('Please Enter Section Description.!!!');
		return false;
	}

	$("#questionnaire_categories_form").submit();
}
</script>
<script>

$(document).ready(function(e){
    $("#questionnaire_categories_form").on('submit', function(e){
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'save_questionnaire_categories.php',
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            beforeSend: function(){
               // $('.submitBtn').attr("disabled","disabled");
                //$('#fupForm').css("opacity",".5");
            },
            success: function(msg){
                BootstrapDialog.alert('Questionnaire Categories Saved Successfully.');
				$("#flex1").flexReload();
				 $('.close').click();
				return;
            },
			error : function(data) {
				BootstrapDialog.alert('Error Saving Questionnaire Categories');
				 $('.close').click();
				return;
			}
        });
    });
    

});

</script>
<style>
#modal-add-ailment{
	overflow-y:scroll;
}
</style>
<div class="modal fade" id="modal-add-questionnaire-categories" name="modal-add-questionnaire-categories" role="dialog" aria-hidden="true">
	<form role="form" id="questionnaire_categories_form" name="questionnaire_categories_form" action="#" method="post">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="widget-header">
					<h5 class="widget-title">Questionnaire Category</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">Category Name</label>
						<input type="hidden" class="form-control" name="section_id"
									id="section_id" value="" required/>
							<input type="text" autofocus="autofocus" class="form-control" name="section_name"
									id="section_name" placeholder="Enter Ailment Name" required/>
						</div>
						<div class="form-group">
							<label for="ailment">Category Description</label>
							<input type="text" class="form-control" name="section_description"
									id="section_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>