<style>
    .tooltip{
  z-index: 1151 !important;
}
</style>
<div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel"> Hostel Details : [ Batch - <?= $batch_name; ?>]</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
      <?php //echo $hostel_course_fee_id; ?>
      <table>
           <tbody>
               
               <tr>
                   <th style="font-weight:600;"> Student Name: &nbsp;</th><td>&nbsp; <?= $student_info['name']; ?></td>
               </tr>
               <tr>
                   <th style="font-weight:600;">Student ID: &nbsp;</th><td>&nbsp; <?= $student_info['studentId']; ?></td>
               </tr>
              
           </tbody>
        </table>
        <div class="row">
          <div class="col-md-12">
          <span class="text-danger" style="font-size:12px;" id="modalStudentPayment" data-payment-status='<?php echo ($payment_status) ? $payment_status : 0; ?>'>
                       <?php 
                     echo $payment_status_msg=($payment_status) ? "One or more payments are already done for the present selected hostel package. SO, the hostel package can not be updated now.":"";
                       
                       ?>
                       </span>
          </div>
      </div>

<hr>
          <div class="row" >
       
       <div class="col-md-12" >
       <table id="tbl1"  cellspacing="0" width="100%">
                     <thead>
                     <tr>
                         <th width="5%">SNo</th>
                         <th width="10%">Select</th>
                        
                         <th width="45%">Hostel Plan</th>
                         <th width="40%">Fee</th>
                         <!-- <th>PickUp</th>
                         <th>Drop</th> -->

                     </tr>
                     </thead>
                     <tbody id="routes_body">
                    <?php 
                    $sno=1;
                    if(isset($hostelplan_data) && !empty($hostelplan_data)){
                    foreach($hostelplan_data as $value) { ?>
                    <tr>
                        <td><?= $sno;?></td>
                    <td> 
                       <?php if($value['hostel_fee'] !=0){
                            $student_hostel_planID=($student_hostel_plan_id > 0)? $student_hostel_plan_id : 0;
                            $student_hostel_checked=($student_hostel_planID == $value['hostel_plan_id']) ? "checked" : '';
                            $payment_status_disabled=($payment_status) ? "disabled='disabled' data-toggle='tooltip' title='Payment partial or full installment paid'" : '';
                           ?>
                        <input type="radio" name="hostel_plan_id" value="<?php echo $value['hostel_plan_id']; ?>" <?= $payment_status_disabled; ?> <?= $student_hostel_checked; ?>>
                        <?php  } else {
                            echo "<h5> - </h5>";
                        } ?>
                    </td>
     
                          <td><?php echo $value['hostel_plan_name']; ?></td>
                          <td><?php if($value['hostel_fee'] !=0) 
                                        echo $value['hostel_fee'];
                                    else 
                                        echo "<p class='text-danger'>The fees is not yet created for this Hostel plan.</p>";
                          ?></td>
                      </tr>
                    <?php $sno++; } } ?>
                     </tbody>
</table>
       </div>
   </div>
  
        
          
      </div>






<script>
    $(document).ready(function(){
 
        $('#tbl1').DataTable({
            "autoWidth": false,
            "lengthMenu": [
                [25, 50, 100, 150, -1],
                [25, 50, 100, 150, "All"]
            ]
        });
});
</script>