<main class="common_margin" id="main"> 
        <div class="main-wrap">
            <div class="dashboard-cover"> 
                <div class="subject_r">
                    <div class="subject_rsec">
                    <a href="javascript:history.back()"><button class="btn btn-dark btn-sm">Back</button></a>
                        
                        <!-- <div class="application-toggle-btn view-student-tab"> 
                            <ul class="nav nav-pills">
                                <li >
                                    <a  href="#1b" data-toggle="tab" class="active">Student Info</a>
                                </li>
                                <li>
                                    <a href="#2b" data-toggle="tab">Course Details</a>
                                </li>   
                            </ul> 
                        </div>  -->
                        <?php 
                        $studentId = ''; $name=''; $email=''; $contact_no=''; $dob='';
                        $gender = ''; $emrg_name=''; $emrg_conct=''; $address=''; $photo='';
                        if(isset($studentInfo) && !empty($studentInfo)){
                            $studentId = $studentInfo['studentId'];
                            $name = $studentInfo['name'];
                            $email = $studentInfo['email'];
                            $contact_no = $studentInfo['mobile'];
                            $dob = $studentInfo['dob'];
                            $gender = $studentInfo['gender'];
                            $emrg_name = $studentInfo['emergency_contact_name'];
                            $emrg_conct = $studentInfo['emergency_contact_number'];
                            $address = $studentInfo['address1'].'-'.$studentInfo['zipcode'];
                            $photo = $studentInfo['photo'];
                        }
                        ?>
                        <div class="tab-content">
                            <div class="tab-toggle-content active" id="1b">
                                <div class="student-info-wrap">
                                    <img src="<?= STUDENT_PROFILE_PATH; ?><?= $photo; ?>" class="student-info-img">
                                    <ul>
                                        <li><label>Student ID:</label><span><?= $studentId; ?></span></li>
                                        <li><label>Name:</label><span><?= $name; ?></span></li>
                                        <li><label>Email:</label><span><?= $email; ?></span></li>
                                        <li><label>Contact number:</label><span><?= $contact_no; ?></span></li>
                                        <li><label>Date of birth:</label><span><?= $dob; ?></span></li>
                                        <li><label>Gender:</label><span><?= $gender; ?></span></li> 
                                    </ul>
                                    <div class="common-sub-heading">Emergency contacts</div>
                                    <ul>
                                        <li><label>Name:</label><span><?= $emrg_name; ?></span></li>
                                        <li><label>Contact number:</label><span><?= $emrg_conct; ?></span></li>
                                        <li><label>Address:</label><span><?= $address; ?></span></li> 
                                    </ul>
                                </div>

                            </div>
                            <!-- <div class="tab-toggle-content" id="2b">
                                    <div class="student-info-wrap"> 
                                        <ul>
                                            <li><label>Student ID:</label><span>SUN-A-50007</span></li>
                                            <li><label>Level:</label><span>100 Level</span></li>
                                            <li><label>Batch:</label><span>June - 2020 to March 2021</span></li>
                                            <li><label>Programme:</label><span>9th Grade</span></li>
                                            <li><label>Subjects:</label><span>Subject 01<br>Subject 02<br>Subject 03<br>Subject 04<br>Subject 05</span></li> 
                                        </ul> 
                                    </div>
                            </div> -->
                        </div>



                    </div>
                </div> 
            </div> 
        </div>
    </main> 
    <!--End right-top side-->  
</div>
<!-- <script src="assets/js/jquery-3.2.1.slim.min.js"></script> -->
<script src="<?= base_url(); ?>assets-lms/js/jquery-3.4.1.min.js" ></script>
<script src="<?= base_url(); ?>assets-lms/js/popper.min.js"></script>
<script src="<?= base_url(); ?>assets-lms/js/bootstrap.min.js"></script>
<script defer src="<?= base_url(); ?>assets-lms/js/all.js"></script>
<script defer src="<?= base_url(); ?>assets-lms/js/main.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js"></script>

<script src="<?= base_url(); ?>assets-lms/owl-carousel/js/owl.carousel.min.js"></script>
<script>
    $(document).ready(function(){
        $('.user-drpdown').click(function(){
            $('.drpdown-items').toggle();
        });
    });

   //table js
   $('#tbl').DataTable( {
        "lengthMenu": [[5,10, 25, 50, -1], [5,10, 25, 50, "All"]]
    } );
     //table js end
         //multiple select js start
     $('select').selectpicker();
    //multiple select js end
 
</script>
  
</body>
</html>