<tr> <td colspan="4"> <div class="panel panel-primary"> <div class="panel-body"> <p style="text-align: center;">Vaccination 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> <th>Delete</th> </tr> </thead> <tbody> <?php // echo $checkup_section_id; $sql_medical_doc = "select * from covid where id='".$_REQUEST['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> <td ><img width="50" height="50" <?php echo ' src = "data:'.$row['medical_doc_type'].';base64,'.base64_encode( $row_medical_doc['medical_doc'] ).'"'?> alt = "new image" onclick="image(this)"/></td> <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> </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>