<script>
function validate(){
var fname = $('#fname').val();
	if(fname == ''){
		BootstrapDialog.alert('Please Enter First Name.!!!');
		return false;
	}
var lname = $('#lname').val();
	if(lname == ''){
		BootstrapDialog.alert('Please Enter Last Name.!!!');
		return false;
	}
	var fathername = $('#father_name').val();
	if(fathername == ''){
		BootstrapDialog.alert('Please Enter Father Name.!!!');
		return false;
	}
	var dob = $('#dob').val();
	if(dob == ''){
		BootstrapDialog.alert('Please Enter DOB.!!!');
		return false;
	}
	var gender = $('#gender').val();
	if(gender == ''){
		BootstrapDialog.alert('Please Select Gender.!!!');
		return false;
	}
	var primary_phone = $('#primary_phone').val();
	if(primary_phone == ''){
		BootstrapDialog.alert('Please Enter Phone No.!!!');
		return false;
	}
			var blood_group = $('#blood_group').val();
	if(blood_group == ''){
		BootstrapDialog.alert('Please Select Blood Group.!!!');
		return false;
	}
			var address = $('#address').val();
	if(address == ''){
		BootstrapDialog.alert('Please Enter Address.!!!');
		return false;
	}
		var aadhar_no = $('#aadhar_no').val();
	if(aadhar_no == ''){
		BootstrapDialog.alert('Please Aadhar No.!!!');
		return false;
	}
	

	
		
	save_guest();
}
</script>


<style>
#modal-add-ailment {
	overflow-y: scroll;
}
</style>
<div class="modal fade" id="modal-add-guest" name="modal-add-guest"
	role="dialog" aria-hidden="true">
	<form role="form" id="guest_form" name="guest_form"
		enctype="multipart/form-data" action="#" method="post">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="widget-header">
					<h5 class="widget-title">Guest</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="row">
						<div class="form-group col-sm-6">
							<label for="role">First Name</label> <input type="text"
								class="form-control" name="fname" id="fname"
								autofocus="autofocus" placeholder="Enter First Name" required />
							<input type="hidden" class="form-control" name="id" id="id"
								placeholder="Enter First Name" required />
						</div>
						<div class="form-group col-sm-6">
							<label for="ailment">Last Name</label> <input type="text"
								class="form-control" name="lname" id="lname"
								placeholder="Enter Last Name" required />
						</div>
					</div>
					<div class="row">
						<div class="form-group col-sm-6">
							<label for="ailment">Father's Name</label> <input type="text"
								class="form-control" name="father_name" id="father_name"
								placeholder="Enter Father's Name" required />
						</div>

						<div class="form-group col-sm-6">
							<label for="dob">Age</label><br> <input type="number"
								class="form-control" name="age" id="age" placeholder="Enter Age"
								required />

						</div>
					</div>



					<div class="row">

						<div class="form-group col-sm-6">
							<label for="ailment">Gender</label><br> <select
								class="form-control" name="gender" id="gender">
								<option selected value="M">Male</option>
								<option value="F">Female</option>
								<option value="O">Others</option>

							</select>
						</div>
						<div class="form-group col-sm-6">
							<label for="ailment">Email Id</label> <input type="email"
								class="form-control" name="email_id" id="email_id"
								placeholder="Enter Email Id." required />
						</div>
					</div>
					<div class="row">
						<div class="form-group col-sm-6">
							<label for="ailment">Primary Phone</label> <input type="numv"
								class="form-control" name="primary_phone" id="primary_phone"
								placeholder="Enter Primary Phone No." required />
						</div>
						<div class="form-group col-sm-6">

							<label for="ailment">Address</label>
							<textarea rows="4" class="form-control" name="address"
								id="address" placeholder="Enter Address" required></textarea>
						</div>

					</div>
					<div class="row">
						<div class="form-group col-sm-6">
							<label for="ailment">Aadhar No</label> <input type="text"
								class="form-control" name="aadhar_no" id="aadhar_no"
								placeholder="Enter Aadhar No" required />
						</div>


						<div class="form-group col-sm-6">
							<label for="ailment">Blood Group</label><br> <select
								class="form-control" name="blood_group" id="blood_group">
									<?php  echo generateOption('blood_group','type','type','O+',''); ?>
									</select>
						</div>

					</div>
					<div class="row">
						<div class="form-group col-sm-6">
							<label for="ailment">Associated Employee(optional)</label><br> <select
								class="chosen-select form-control" id="associated_emp"
								name="associated_emp"
								data-placeholder="Choose Associated Employee">
								<option>
								
								<option>
						          <?php  echo generateOption('employee',"concat(fname,' ',lname)",'id','',''); ?>
						          
							
							
							
							
							
							</select>
						</div>
						<div class="form-group col-sm-6">
							<label for="ailment">Employee Relationship type</label><br> <input
								type="text" class="form-control" name="emp_relationship_type"
								id="emp_relationship_type" placeholder="Enter RelationShip Type" />
						</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>
		</div>
	</form>
</div>