<script>
function validate(){
var role_name = $('#role_name').val();
	if(role_name == ''){
		BootstrapDialog.alert('Please Enter Role Name.!!!');
		return false;
	}
var role_description = $('#role_description').val();
	if(role_description == ''){
		BootstrapDialog.alert('Please Enter Role Description.!!!');
		return false;
	}
var role_home_page = $('#role_home_page').val();
	if(role_home_page == ''){
		BootstrapDialog.alert('Please Enter Role home page.!!!');
		return false;
	}		
save_role();
}
</script>
<style>
#modal-add-role{
	overflow-y:scroll;
}
</style>
<div class="modal fade" id="modal-add-role" name="modal-add-role" role="dialog" aria-hidden="true">
	<form role="form" id="role_form" name="role_form" action="#" method="post">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="widget-header">
					<h5 class="widget-title">Role</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">Role Name</label>
						<input type="hidden" class="form-control" name="role_id"
									id="role_id" value="" required/>
							<input type="text" class="form-control" name="role_name"
									id="role_name" placeholder="Enter Role Name" required/>
						</div>
						<div class="form-group">
							<label for="role">Role Description</label>
							<input type="text" class="form-control" name="role_description"
									id="role_description" placeholder="Enter Role Description" required/>
						</div>
						<div class="form-group">
							<label for="role">Role Home Page</label>
							<input type="text" class="form-control" name="role_home_page"
									id="role_home_page" placeholder="Enter Role home page" required/>
						</div>
						<div class="form-group">
							<label for="role_code">Role code</label>
							 <select class="form-control" name="role_code" id="role_code" >
								<option value="ADM">ADM(ADMIN)</option>
								<option value="DIS">DIS(DISPENSARY)</option>
								<option value="DOC">DOC(DOCTOR)</option>
								<option value="LAB">LAB(MEDICAL ROOM)</option>
								<option value="RCP">RCP(RECEPTION)</option>
								<option value="STR">STR(STORE)</option>
							</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>