<script>
function validate(){
var section_name = $('#section_name').val();
	if(section_name == ''){
		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="firm_id" id="firm_id" onChange="loadSBUList(this.value,'sbu_name')" >
								<?php  echo generateOption('tbl_firms','firm_name','firm_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="sbu_name" id="sbu_name" >
								<?php  echo generateOption('sub_business_unit','sbu_name','sbu_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 Department Name" required/>

						</div>
						
						<div class="form-group">
							<label for="section_head">Section Head</label>
							 <select class="form-control" name="head_id" id="head_id" >
								  <?php  echo generateOption('employee','fname','id',''); ?>
							</select>
						</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>