<main class="common_margin" id="main">
    <div class="my-info-inner">
        <h5><strong>Course Details</strong></h5>
        <div class="my-info-wraper">
            <ul class="my-info-header">
                <li><a href="<?php echo base_url() ?>student/my-info">My Info</a></li>
                <li><a href="<?php echo base_url() ?>student/my-course">Course Details</a></li>
                <li><a href="<?php echo base_url() ?>student/my-payments">Fee & Payments</a></li>
            </ul>
            <div class="user-info-row-one">
                <?php if($student_exist) { ?>

                    <div class="user-info-one">
                        <p>Student ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                        <p><?php echo $student['studentId'] ?></p>
                    </div>
                    <div class="user-info-one">
                        <p>Batch&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                        <p><?php echo $startEndDate ?></p>
                    </div>
                    <div class="user-info-one">
                        <p>Class&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                        <p><?php echo $course_subject[0]['classroom_name'] ?></p>
                    </div>
                    <div class="user-info-one">
                        <p>Programme&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                        <p><?php echo $course_subject[0]['course_name'] ?></p>
                    </div>
                    <div class="user-info-one">
                        <p>Subjects&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:</p>
                        <ul class="sele-sub-opt" style="list-style-type: none;">
                            <!-- <li>Subject 01</li>
                            <li>Subject 02</li>
                            <li>Subject 03</li>
                            <li>Subject 04</li> -->
                            <?php foreach ($course_subject as $key => $value) {
                                echo "<li>$value[subject_name]</li>";
                            } ?>
                        </ul>
                    </div>

                <?php } else {
                    echo 'Student has not been assigned to any batch or classroom';
                } ?> 
                
            </div>
        </div>
    </div>
</main>

<script>
   $("document").ready(function () {

    $(".my-info-header li a").each(function(index,ele) {
        $(this).parent().removeClass("blue-line");

        let thisEle =  $(this).attr('href').split('/').pop();;

        var current_path = window.location.pathname.split('/').pop();

        if(thisEle == current_path) {
            $(this).parent().addClass("blue-line");
        }
    });

});
</script>