<?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">OXYGEN CYLINDER QUESTIONNAIRE Master</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-4">
							 <table id="myTable" class="table table-bordered order-list" style="width:100%; padding:50px; " >
									<thead>
										<tr>
											<th style="padding-right: 100px; margin: 2px 0px 50px 5px; width: 90%; "> Questions </th>
											<th style="padding-right: 100px; margin: 2px 0px 50px 5px; width: 90%; "> Question in Local Language </th>

										</tr>
									</thead>
									
									
									<?php 
										$row=null;
										if(isset($_REQUEST['flex_id'])){
												$sql="select * from  oxygen_cylinder_questionnaire  where question_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:40%">
												<input type="hidden" name="question_id" id="question_id" value="<?php  echo $row['question_id']?>" />				
									             
											
												<input type="text" style="width:100%" name="question" value="<?php  echo $row['question']?>" id="question" maxlength="255" class="form-control"/>
												</td>
												<td style="width:40%">
												<input type="text" style="width:100%" name="question_local" value="<?php  echo $row['question_local']?>" id="question_local" maxlength="255" 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 ><input type="hidden" name="f1" method="post" id="flex_id" action="bio_medical_waste_generation_excel.php">
					<div id="flex1" style="width:100%">
				     <input type="hidden" name="flex_id" id="flex_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: 'oxygen_cylinder_questionnaire_script.php',
            dataType: 'json',
            colModel : [
                    {display: 'Sr', name : 'count', width : w*.03, sortable : false, align: 'left'},
                    {display: '', name : 'link', width : w*.15, sortable : false, align: 'left'},
			       {display: 'Question', name : 'question', width : w*.30, sortable : true, align: 'left'},
			       {display: 'Question in Local Language', name : 'question_local', width : w*.40, sortable : true, 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: 'Question', name : 'question'},
					{display: 'Question Local', name : 'question_local'},
            ],
            sortname: "question_id",
            // 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_cylinder(question_id){
	
	$.ajax({
		url : 'delete_cylinder_questionnaire.php',
	     data:{question_id:question_id},	
		type : 'POST',
		dataType:'json',
		success : function(data) {
             
            if(data=='SUCCESS')	{

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

}


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



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

	$.ajax({
		url : 'select_cylinder_questionnaire.php',
	    data:{question_id:question_id},	
		type : 'POST',
		dataType:'json',
		success : function(data) {
			$("#question_id").val(data.question_id);
            $("#question").val(data.question);
            $("#question_local").val(data.question_local);
           		
			// $('#modal-add-ambulance-form').modal("show");				
		},
		error : function(data) {
			BootstrapDialog.alert('Error Populating Question Details');
			return;
		}
	});


	
}

function pdf(){
	window.open('cylinder_questionaire_pdf.php','QUESTIONS List');
}
function excel(){
	window.open('cylinder_questionaire_excel.php','questions List');
} 

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

				
</script>

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



			</div>
			

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


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

if(question == ''){

	BootstrapDialog.alert('Please Enter Question.!!!');

	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_cylinder_questionnaire.php ',
						type : "POST",
						data : $("#task_form").serialize(),
						success : function(data) {
							// alert(data);
							BootstrapDialog.alert('Question Saved Successfully.');
							$("#flex1").flexReload();
							return;
						},
						error : function(data) {
							BootstrapDialog.alert('Error Saving Questions');
							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>