<script>
function validate(){
var from_date = $('#from_date').val();
if(from_date == ''){
BootstrapDialog.alert('Please Enter Treatment Start Date.!!!');
return false;
}
var to_date = $('#to_date').val();
if(date_absent == ''){
BootstrapDialog.alert('Please Enter Date Absent.!!!');
return false;
}
var date_absent = $('#date_absent').val();
if(date_absent == ''){
BootstrapDialog.alert('Please Enter Date Absent.!!!');
return false;
}
var date_return = $('#date_return').val();
if(date_return == ''){
BootstrapDialog.alert('Please Enter Date Retrun.!!!');
return false;
}
var agency = $('#agency').val();
if(agency == ''){
BootstrapDialog.alert('Please Enter Agency.!!!');
return false;
}
var sickness_name = $('#sickness_name').val();
if(sickness_name == ''){
BootstrapDialog.alert('Please Enter Name.!!!');
return false;
}
var des = $('#des').val();
if(des == ''){
BootstrapDialog.alertdes('Please Enter Discription.!!!');
return false;
}
save_sickness();
}
</script>
<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
<!-- page specific plugin styles -->
<link rel="stylesheet" href="assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet" href="assets/css/chosen.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-datepicker3.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-timepicker.min.css" />
<link rel="stylesheet" href="assets/css/daterangepicker.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-colorpicker.min.css" />
<script type="text/javascript" src="js/typeahead.bundle.js"></script>
<script src="assets/js/jquery-ui.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/chosen.jquery.min.js"></script>
<script src="assets/js/spinbox.min.js"></script>
<script src="assets/js/bootstrap-datepicker.min.js"></script>
<script src="assets/js/bootstrap-timepicker.min.js"></script>
<script src="assets/js/jquery.dataTables.min.js"></script>
<script src="assets/js/jquery.dataTables.bootstrap.min.js"></script>
<script src="assets/js/dataTables.buttons.min.js"></script>
<script src="assets/js/buttons.flash.min.js"></script>
<script src="assets/js/buttons.html5.min.js"></script>
<script src="assets/js/buttons.print.min.js"></script>
<script src="assets/js/buttons.colVis.min.js"></script>
<script src="assets/js/dataTables.select.min.js"></script>
<script src="assets/js/moment.min.js"></script>
<script src="assets/js/daterangepicker.min.js"></script>
<script src="assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="assets/js/bootstrap-colorpicker.min.js"></script>
<script src="assets/js/jquery.knob.min.js"></script>
<script src="assets/js/autosize.min.js"></script>
<script src="assets/js/jquery.inputlimiter.min.js"></script>
<script src="assets/js/jquery.maskedinput.min.js"></script>
<script src="assets/js/bootstrap-tag.min.js"></script>
<script src="assets/js/ace-elements.min.js"></script>
<style>
#modal-add-sickness{
overflow-y:scroll;
}
</style>
<div class="modal fade" id="modal-add-sickness" name="modal-add-sickness" role="dialog" aria-hidden="true">
<form role="form" id="sickness_form" name="sickness_form" action="#" method="post">
<div class="modal-dialog">
<div class="modal-content">
<div class="widget-header">
<h5 class="widget-title">Sickness</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">Sickness Date</label>
<div class="input-group">
<input class="form-control date-picker" name="sickness_date" id="sickness_date" type="text" data-date-format="dd/mm/yyyy" />
<span class="input-group-addon">
<i class="fa fa-calendar bigger-110"></i>
</span>
</div>
</div>
<div class="form-group col-sm-6 ">
<label for="role">Treatment start Date</label>
<div class="input-group">
<input class="form-control date-picker" name="from_date" id="from_date" type="text" data-date-format="dd/mm/yyyy" />
<span class="input-group-addon">
<i class="fa fa-calendar bigger-110"></i>
</span>
</div>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label for="role">Treatment End Date </label>
<div class="input-group">
<input class="form-control date-picker" name="to_date" id="to_date" type="text" data-date-format="dd/mm/yyyy" />
<span class="input-group-addon">
<i class="fa fa-calendar bigger-110"></i>
</span>
</div>
</div>
<div class="form-group col-sm-6">
<label for="role">Date Absent</label>
<input type="hidden" class="form-control" name="sickness_id"
id="sickness_id" value="" required/>
<div class="input-group">
<input class="form-control date-picker" name="date_absent" id="date_absent" type="text" data-date-format="dd/mm/yyyy" />
<span class="input-group-addon">
<i class="fa fa-calendar bigger-110"></i>
</span>
</div>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label for="sickness">Date Return</label>
<div class="input-group">
<input class="form-control date-picker" name="date_return" id="date_return" type="text" data-date-format="dd/mm/yyyy" />
<span class="input-group-addon">
<i class="fa fa-calendar bigger-110"></i>
</span>
</div>
</div>
<div class="form-group col-sm-6">
<label for="sickness">Agency</label>
<input type="text" class="form-control" name="agency"
id="agency" placeholder="Enter Agency" required/>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label for="sickness">Name</label>
<input type="text" class="form-control" name="sickness_name"
id="sickness_name" placeholder="Enter Name" required/>
</div>
<div class="form-group col-sm-6">
<label for="sickness">Discription</label>
<input type="text" class="form-control" name="des"
id="des" placeholder="Enter Discription" required/>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label for="user_lname">Employee Name</label>
<select class="form-control" name="emp_id" id="emp_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>
<script>
$('#sickness_date').datepicker({
autoclose:true,
format: 'dd/mm/yyyy',
startDate: '1d/1m/1970y',
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
$('#from_date').datepicker({
autoclose:true,
format: 'dd/mm/yyyy',
startDate: '1d/1m/1970y',
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
$('#to_date').datepicker({
autoclose:true,
format: 'dd/mm/yyyy',
startDate: '1d/1m/1970y',
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
$('#date_absent').datepicker({
autoclose:true,
format: 'dd/mm/yyyy',
startDate: '1d/1m/1970y',
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});
$('#date_return').datepicker({
autoclose:true,
format: 'dd/mm/yyyy',
startDate: '1d/1m/1970y',
}).next().on(ace.click_event, function(){
$(this).prev().focus();
});</script>