EVOLUTION-NINJA

Edit File: obstetric_indication_option.php

<?php
    echo view('includes/obstetric-reports-header');    
?>
<div class="col-sm-9" >

<div class="reports-right pt-4" >
                <input id="save-pdf" type="button" value="Save as PDF"  />
                <div id="chart_div"></div>
		<div class="col-sm-9" id="reports-pdf"  >
                 <h3 class="mt-2 mb-3 pt-2 txt-center"><u>Obstetric Reports</u></h3>
                    <h3 class="mt-2 pt-2">Surgery List - Indication Option</h3>
        
                        <br/>
                        <div class="row">
                			 <div class="col-sm-6">
                                <div class="report-detail-tag">
                                  <h4 class="mb-4">Report Details</h4>

<h5>From Date : <span id="from_date"><?php echo date('d-m-Y',strtotime(session()->get('l_from_date'))); ?></span></h5>
                                  <h5>To Date : <span id="to_date"><?php echo date('d-m-Y',strtotime(session()->get('l_to_date'))); ?></span></h5>
                                  <h5>Reported by :<span id="reported_by"><?php $name =  session()->get('l_name');  
                        							if(substr($name, 0, 3) === "Dr. " || substr($name, 0, 3) === "Dr "){
                        							 echo	session()->get('l_name');
                        							}else{
                        								echo "Dr. ".session()->get('name');
                        							} ?></span></h5>
                                </div>
                            </div>
                	       <div class="col-sm-6"></div>
                    </div>
			             <div class="row">
                            <div class="col-sm-7">
				
                                <div class="table-responsive" id="demo-table">
                                <?php if($total == 0){ ?>
					       
				           	<h4>No Data Found</h4>

<?php die(); } ;?>
                            <h4>Total cases = <?php echo $total;?></h4>
                            <table class="table table-bordered" id="mytable">
                                <thead>
                                    <tr>
                                        <th>Characteristics</th>
                                        <th>n</th>
                                        <th>Percentage</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    
                                    <?php foreach($surgery_indication as $row){
                                    ?>
                                        <tr>
                                        <td id="report-td-bg"><p>
                                            <?php echo $row['data']; ?></p>
                                        </td>
                                        <td><p>
                                            <?php echo $row['cell']; ?></p>
                                        </td>
                                        <td><p>
                                            <?php
                                             $number = (($row['cell']/$total)*100);
                                             
                                            echo number_format((float)$number, 1, '.', '')."%";?>
                                            
                                            </p></td>
                                        </tr>
                                    <?php
                                    }
                                    ?>
                                    
                                </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div id="GoogleBarChart" style="height: 400px; width: 100%"></div>
                </div>  
            </div>

google.load('visualization', '1.0', {'packages':['corechart']});

google.charts.load('current', {'packages':['corechart', 'bar','table']});

google.charts.setOnLoadCallback(drawChart);
            // Line Chart
            function drawChart() {

var column_chart = new google.visualization.ColumnChart(document.getElementById('GoogleBarChart'));
                column_chart.draw(data, options);

}

//    var btnSave = document.getElementById('save-pdf');
				
    				 
				var btnSave = document.getElementById('save-pdf');
				
    				btnSave.disabled = false;
  			
  				btnSave.addEventListener('click', function () {
    						var doc = new jsPDF();
					html2canvas($('#reports-pdf').get(0)).then(function(canvas) {
						// export pdf
						var pdfDoc = new jsPDF({
						orientation: 'potrait',
						unit: 'px',
						format: [canvas.width, canvas.height]
						});
						pdfDoc.addImage(canvas.toDataURL('image/png'), 0, 0);
						pdfDoc.save('asa.pdf');
					});
    					//doc.addImage(pie_chart.getImageURI(),0,0);
						//doc.addImage(column_chart.getImageURI(),0,0);
    					//doc.save('Surgical_location.pdf');
  				}, false);

</script>
<?php
    echo view('includes/obstetric-reports-footer');    
?>