<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>