<tr> <td colspan="4"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Supporting Documents</h3> <span class="pull-right clickable"><i class="glyphicon glyphicon-chevron-up"></i></span> </div> <div class="panel-body"> <p style="text-align: center;">Uploading Machine Document <button onclick="open_popup_img()" class="btn btn-info btn-sm save_button"><i class="ace-icon glyphicon glyphicon-upload"></i>Upload Document </button> </br> <table class="table table-bordered" id="medical_doc_id" style="width: 100%"> <thead> <tr> <th>Document Name</th> <th>Download</th> <?php $hasExecuteAccess = isAccessible ( $_SESSION ['RoleId'], $menu_key, 'E' ); if ($hasExecuteAccess) {?> <th>Delete</th> <?php }?> </tr> </thead> <tbody> <?php // echo $checkup_section_id; $sql_medical_doc = "select * from medical_document where medical_exam_id='".$_REQUEST['medical_exam_id']."' "; // echo $sql_questionnaire_sections; $count=0; $result_medical_doc = @mysqli_query($conn,$sql_medical_doc); while ($row_medical_doc = @mysqli_fetch_array($result_medical_doc)) {?> <tr id="medical_doc_<?php echo $row_medical_doc['id']?>"> <td><?php echo $row_medical_doc['medical_doc_desc'];?></td> <?php if($row_medical_doc['medical_doc_type']=='application/pdf'){?> <td ><a href='#'><img src='images/pdf.png' width='35' height='35' onclick='$("#med_doc_<?php echo $row_medical_doc['id']?>").click()'></a> <img id="med_doc_<?php echo $row_medical_doc['id']?>" style='display:none' <?php echo ' src = "data:'.$row_medical_doc['medical_doc_type'].';base64,'.base64_encode( $row_medical_doc['medical_doc'] ).'"'?> alt = "pdf" onclick="getMedicalDocument('<?php echo $row_medical_doc['id']?>')"/></td> <?php } else {?> <td ><img width="50" height="50" <?php echo ' src = "data:'.$row_medical_doc['medical_doc_type'].';base64,'.base64_encode( $row_medical_doc['medical_doc'] ).'"'?> alt = "new image" onclick="image(this,'<?php echo $row_medical_doc['medical_doc_desc']?>')"/></td> <?php }?> <?php $hasExecuteAccess = isAccessible ( $_SESSION ['RoleId'], $menu_key, 'E' ); if ($hasExecuteAccess) {?> <td align="center" style="width: 20%"> <a href="#" class="btn-lg" data-toggle="tooltip" id="deletebtn" onclick="delete_opd_document('<?php echo $row_medical_doc['id']?>')" title="Delete"><span class="glyphicon glyphicon-trash"></span></a> <?php }?> </td> </tr> <?php $count++; } ?> </tbody> </table> </div> </div> </td> </tr> <script> $(document).on('click', '.panel-heading span.clickable', function(e){ var $this = $(this); if(!$this.hasClass('panel-collapsed')) { $this.parents('.panel').find('.panel-body').slideUp(); $this.addClass('panel-collapsed'); $this.find('i').removeClass('glyphicon-chevron-up').addClass('glyphicon-chevron-down'); } else { $this.parents('.panel').find('.panel-body').slideDown(); $this.removeClass('panel-collapsed'); $this.find('i').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up'); } }) </script>