<script>
function validate(){
var bu_id = $('#bu_id').val();
	if(bu_id == '' || bu_id==null){
		BootstrapDialog.alert('Please Select Bussiness Unit.!!!');
		return false;
	}
var dept_name = $('#dept_name').val();
	if(dept_name == '' || dept_name==null ){
		BootstrapDialog.alert('Please Select Department Name.!!!');
		return false;
	}
var section_name = $('#section_name').val();
	if(section_name == '' || section_name==null){
		BootstrapDialog.alert('Please Enter Section Name.!!!');
		return false;
	}

save_section();
}
</script>



<style>
#modal-add-section{
	overflow-y:scroll;
}
</style>

<div class="modal fade" id="modal-add-section" role="dialog" aria-hidden="true">
	<form role="form" id="section_form" name="section_form" action="#" method="post">
		<div class="modal-dialog">
			<div class="modal-content">
				 <div class="widget-header">
					<h5 class="widget-title">Section</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="user_role">Bussiness Unit</label>
							 <select class="form-control" name="bu_id" id="bu_id" onChange="loadSBUList(this.value,'dept_name')" >
								<?php  echo generateOption('bussiness_unit','bu_name','bu_id','',''); ?>
							</select>
							<input type="hidden" class="form-control" name="section_id"
									id="section_id" value="" required/>
						</div>
						<div class="form-group">
						<label for="user_lname">Department Name</label>
							<select class="form-control" name="dept_name" id="dept_name" >
								<?php  echo generateOption('department','dept_name','dept_id','',''); ?>
							</select>

						</div>
							<div class="form-group">
						<label for="section_name">Section Name</label>
							<input type="text" class="form-control" name="section_name"
									id="section_name" placeholder="Enter section Name" required/>

						</div>
						
						<div class="form-group">
							<label for="section_head">Section Head</label>
							<input type="text" class="form-control" name="section_head_name"
									id="section_head_name" placeholder="Enter section head Name" required/>
						</div>


						<div class="form-group">
							<label for="section_head">Section Head Email</label>
							<input type="text" class="form-control" name="section_head_email"
									id="section_head_email" placeholder="Enter section head email" 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>