<?php   include('techsyn_header.php'); ?>
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
		<script type="text/javascript">
			try{ace.settings.loadState('main-container')}catch(e){}
		</script>
<?php   include('techsyn_sidebar.php'); ?> 
<!--breadcrumb-->
<div class="main-content">
    <div class="main-content-inner">
        <div class="breadcrumbs ace-save-state" id="breadcrumbs">
            <ul class="breadcrumb">
                <li>
                    <i class="ace-icon fa fa-home home-icon"></i>
                    <a href="#">Home</a>
                </li>
                <li class="active"><a href="task_list.php">Vaccine Master</a></li>
            </ul>
			
        </div>
<!-- End of breadcrumb -->


										
	<div class="page-content">
				<div class="box box-primary center"
					style="padding: 10px; margin: 2px 0px 50px 5px; width: 99.5%; " >
					<form id="task_form" method="post">	
						<!-- box-body-->
						<div class="box-body">
							

							<div class="row" >
							<div class="col-sm-3" ></div>
							<div class="col-sm-6">
							 <table id="myTable center" class="table table-bordered order-list" >
									<thead>
										<tr>
											<th style="padding-right: 50px; margin: 2px 0px 50px 5px; width: 20%; "> Vaccine Name</th>
											<th style="padding-left: 10px; margin: 2px 0px 50px 5px; width: 20%; "> Company</th>
											<th style="padding-left: 10px; margin: 2px 0px 50px 5px; width: 30%; ">Description</th>
										</tr>
									</thead>
									
									
									<?php 
										$row=null;
										if(isset($_REQUEST['flex_id'])){
												$sql="select * from  vaccine_master  where id='".$_REQUEST['flex_id']."'";
													$result = @mysqli_query($conn,$sql);	
													$num_rows=@mysqli_num_rows($result);
													$row=@mysqli_fetch_array($result);
										}
												do{							
												?>
									<tbody>
										
										<tr id="main-form">
										 
											<td style="width:10%">
												<input type="hidden" name="id" id="id" value="<?php  echo $row['id']?>" />				
									             
											
												<input type="text" style="width:100%" name="vaccine_name" value="<?php  echo $row['vaccine_name']?>" id="vaccine_name" maxlength="50" class="form-control"/>
										
												
													
														
												
											</td>

											<td style="width:10%">
											<input type="text" style="width:100%" name="vaccine_company" value="<?php  echo $row['vaccine_company']?>" id="vaccine_company" maxlength="50" class="form-control"/>
								
											</td>
										
											<td style="width:10%">
												<input type="text" name="vaccine_desc" value="<?php  echo $row['vaccine_desc']?>" id="vaccine_desc" maxlength="100" class="form-control"/>
											
											</td>
												

											
										</tr>

										
										<?php  
									   }while($row=@mysqli_fetch_array($result))//end of while
									   ?>
										
									    </tbody>
									    			
								<tfoot>
									
									<tr>
									</tr>
								</tfoot>
										

                                </table>
								
                         </div>

							</div>

						</div>
						<!-- End box-body-->
							<!--box-footer-->
						<div class="box-footer" style="text-align: center;">
                            	<button class="btn btn-success new_button" id="new_button" type="reset" onclick="show_save_button();">
									<i class="ace-icon fa fa-plus-square-o bigger-110"></i>
									New
								</button>

								&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;   

                                <button class="btn btn-info save_button" id="save_button" type="button" onclick="validate();">
									<i class="ace-icon fa fa-floppy-o bigger-110"></i>
									Save
								</button>

								&nbsp; &nbsp; &nbsp;
								<button class="btn btn-warning" type="reset">
									<i class="ace-icon fa fa-undo bigger-110"></i>
									Reset
								</button>
              </div>
						<!--End box-footer-->
						
					</form>
				</div>


<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
		<script type="text/javascript">
			try{ace.settings.loadState('main-container')}catch(e){}
		</script>
 




<!--breadcrumb-->
<div class="main-content">
    <div class="main-content-inner">
        
        <!-- End of breadcrumb -->
           
        	<div class="page-content" style="margin-top: -47px">
			<div id="flexigridDiv" class="table-responsive">
			
					<form name="f1" method="post" id="flex_appointment_form" action="bio_medical_waste_generation_excel.php">
					<div id="flex1" style="width:100%">
				     <input type="hidden" name="flex_ambulance_id" id="flex_ambulance_id"/>
					</div>
					
				</form>	
				
				<form name="export_form" method="post" id="export_form" action="">
				   
					    <input type="hidden" name="pdf_actions" id="pdf_actions" value="bio_medical_waste_generation_pdf.php"/>
						<input type="hidden" name="excel_actions" id="excel_actions" value="bio_medical_waste_generation_excel.php"/>
						<input type="hidden" name="pdf_action" id="pdf_action" value="biowaste_pdf.php"/>
						<input type="hidden" name="excel_action" id="excel_action" value="excel_ambulance.php"/>
				</form>	


			</div>
			</div>



    </div><!-- /.page-content -->
</div>
</div><!-- /.main-content -->

  
<script type="text/javascript">
$(function() {
	var w=screen.width*.90;
	var h =0;
 	 h =(window.innerHeight-($("#navbar").height()+$(".breadcrumbs").height()))*.75;
    $("#flex1").flexigrid({
            url: 'vaccine_list_script.php',
            dataType: 'json',
            colModel : [
                    {display: 'Sr', name : 'count', width : w*.05, sortable : false, align: 'left'},
					               {display: 'Vaccine Name', name : 'vaccine_name', width : w*.20, sortable : true, align: 'left'},
					               {display: 'Company', name : 'vaccine_company', width : w*.30, sortable : true, align: 'left'},
					               {display: 'Description', name : 'vaccine_desc', width : w*.30, sortable : true, align: 'left'},
					               {display: '', name : 'link', width : w*.1, sortable : false, align: 'left'}
                    ],
                    buttons : [
         
              // {name: 'Add', bclass: 'add', onpress : add},
        			   //{separator: true},
			   //{name: 'PDFReport', bclass: 'print', onpress : pdfReport},
			  // {separator: true},
			   {name: 'PDF', bclass: 'print', onpress : pdf},
			   {separator: true},
			   {name: 'Excel', bclass: 'print_excel', onpress : excel},
               {separator: true}
            ],
            searchitems : [
					//{display: 'Appointment Id', name : 'appointment_id',isdefault: true},
					{display: 'Name', name : 'vaccine_name'},
					{display: 'Company', name : 'vaccine_company'},
					{display: 'Description', name : 'vaccine_desc'},
					
            ],
            sortname: "vaccine_name",
            // sortorder: "type_description",
            usepager: true,//pagination
			//title:"Employee OPD",
            useRp: true,
            rp: 50,//records per page
            showTableToggleBtn: false,//toggle button for the whole table
            resizable: true,
		//	width: w, 
            height: h,
            singleSelect: true
    });
});

	
// }
function delete_vaccine(id){
	
	$.ajax({
		url : 'delete_vaccine.php',
	     data:{id:id},	
		type : 'POST',
		dataType:'json',
		success : function(data) {
             
            if(data=='SUCCESS')	{

            	BootstrapDialog.alert('Vaccine Deleted Successfully!'); 																		 
    			$("#flex1").flexReload();
    			return;
            }									
			
			
		
				
		},
		error : function(data) {
			BootstrapDialog.alert('Error: Vaccine Not Deleted!');
			return;
		}
	});

}


function show_save_button(){
	$("#save_button").show()
	$("#id").val("");
}



function open_vaccine(id,access){
	if(access=='V'){
		 $("#save_button").hide()
	}else if(access=='E')
	 $("#save_button").show()

	$.ajax({
		url : 'select_vaccine.php',
	    data:{id:id},	
		type : 'POST',
		dataType:'json',
		success : function(data) {
			          $("#id").val(data.id);
            $("#vaccine_name").val(data.vaccine_name);
												$('#vaccine_company').val(data.vaccine_company)
            $("#vaccine_desc").val(data.vaccine_desc);
            
												
            
           		
			// $('#modal-add-ambulance-form').modal("show");				
		},
		error : function(data) {
			BootstrapDialog.alert('Error Populating Task Details');
			return;
		}
	});


	
}

function pdf(){
	window.open('vaccine_list_pdf.php','Vaccine List');
}
function excel(){
	window.open('vaccine_list_excel.php','Task List');
} 

$("#new_button").on("click", function() {
	$("id").val("");
});

				
</script>

<?php   include('techsyn_footer.php'); ?> 



			</div>
			

			<!-- End of page-content -->
		</div>
	</div>
</div>
												
<script>


function validate(){
	
	var vaccine_name = $('#vaccine_name').val();

if(vaccine_name == ''){

	BootstrapDialog.alert('Please Enter Vaccine Name.!!!');

	return false;

}

var vaccine_company= $('#vaccine_company').val();

if(vaccine_company == ''){

	BootstrapDialog.alert('Please Enter vaccine company.!!!');

	return false;

}

var vaccine_description= $('#vaccine_desc').val();

if(vaccine_description == ''){

	BootstrapDialog.alert('Please Enter vaccine Description.!!!');

	return false;

}
		
save();
}

</script>

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

  
<?php   include('techsyn_footer.php'); ?>    
	<script type="text/javascript">
	
	
			function save(){
				$.ajax({
						url : 'save_vaccine.php ',
						type : "POST",
						data : $("#task_form").serialize(),
						success : function(data) {
							// alert(data);
							BootstrapDialog.alert('Vaccine Saved Successfully.');
							$("#flex1").flexReload();
							return;
						},
						error : function(data) {
							BootstrapDialog.alert('Error Saving vaccine');
							return;
						}
				});
				$('.close').click();
              // location.href="procurement_list.php";
			}
          $('.date-picker').datepicker({
			  autoclose:true,
			  format:'dd/mm/yyyy'
		  }).next().on(ace.click_event,function(){
			  $(this).prev().focus();
		  });
		  
		</script>
		<!-- bootstrap & fontawesome -->
<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>