<div class="ielts-lms-root exam-volume-detail exam-detail">
    <div class="test-hero clearfix">
        <?php if(0 == 1){ ?>
            <div class="book-img-wrap"> 
                <img alt="<?php echo $course_frontend_title; ?>" src="<?php echo site_url(); ?>/ielts-admin/uploads/courses/<?php echo $course_cover_src; ?>" />
            </div>
        <?php } ?>
        <div class="right-panel">
            <h1 class="test-caption lesson-title">
                <?php echo $course_frontend_title; ?>
                <span class="badge <?php echo $enrolled_class; ?>">
                    <?php echo $course_access_status; ?>
                </span>
            </h1>
            <div class="test-des">
                <?php if( $has_short_description ){  ?>
                    <p class="desc"><?php echo $course_short_description; ?></p>
                <?php } ?>
                <p>
                    <span class="icon-ts icon-calendar"></span> 
                    Published on: <?php echo date("d M Y", (int) $course_published_date); ?>
                </p>
            </div>
            <div style="display:flex;flex-direction:column;margin-bottom:10px;" class="ilms-course__flex-auto">
                <!--btn enroll btns--> 
                <?php echo $enroll_btn; ?>
                <!--enrollment note-->   
            </div>
            <?php if (!class_exists('WooCommerce')) { ?>
                <style>
                    span.pq__notice {
                        padding: 8px 35px 8px 14px;
                        margin-bottom: 20px;
                        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
                        background-color: #fcf8e3;
                        border: 1px solid #fbeed5;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        border-radius: 4px;
                    }

                    .pq__notice-warning {
                        color: #c09853;
                    }
                </style>
                <span class="pq__notice pq__notice-warning">The payment plugin is not configured properly.</span>
            <?php } ?>
        </div>
    </div>
    <div style="margin-top:40px;margin-bottom:45px;" class="practice-list" id="course-content-<?php echo $course_id; ?>">
        
        <?php 
            $data_response = (object) proqyz_get_lessons(array(
                "lessons"           => $res_lessons,
                "current-page"      => 1,
                "previous-status"   => 1,
                "course-id"         => $course_id,
                "course-layout"     => 'default',
                "_ec"               => $user_course_access
            ));  

            if( $data_response->status == 1 ){
                echo $data_response->html;
            }
        ?>            
    </div>
    <div class="proqyz__course-pagination" data-proqyz-pagination="<?php echo $course_id; ?>">
        <ul>
            <?php if( isset($total_lesson_pages) && $total_lesson_pages > 0 ) {
                for( $pkey = 0; $pkey < $total_lesson_pages; $pkey++ ){ ?>
                    <li data-page-index="<?php echo $pkey+1; ?>" class="proqyz__course-page <?php echo ($pkey == 0)? ' proqyz__course-cp ' : ''; ?>">
                        <img style="display:none;" src='<?php echo ST_PROQYZ_PLUGIN_URL; ?>includes/templates/shortcodes/course/default/dist/img/course/loading.svg'; ?>
                        <span><?php echo $pkey+1; ?></span>
                    </li>
                <?php }
            } ?>
        </ul>
    </div>

</div>

<div class="modal fade modal-fulltest" id="modal-fulltest" tabindex="-1" role="dialog" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <i class="ion-android-close modal-fulltest__close-modal" data-dismiss="modal" aria-label="Close"></i>
            <div class="modal-fulltest__body modal-body">
                <img class="lazy modal-fulltest__icon loaded" src="<?php echo ST_PROQYZ_PUBLIC_URL .'/dist/icons/computer-checklist.svg'; ?>" alt="" data-ll-status="loaded">
                <h4 class="modal-fulltest__title">IELTS Full Test</h4>
                <div class="modal-fulltest__caption">Simulation test mode is the best option to experience the real IELTS on computer.</div>
                <div class="modal-fulltest__test-info">
                    <h6 class="modal-fulltest__sm-title">Test information</h6>
                    <ul class="modal-fulltest__full-skills">
                        <li>This test includes the Listening, Reading, Writing and Speaking sections.</li>
                        <li>It takes about 3 hours to complete (same as the real IELTS test).</li>
                    </ul>
                    <ul class="modal-fulltest__no-speaking" style="display: none;">
                        <li>This test includes the Listening, Reading and Writing sections. (Speaking simulation will be available soon).</li>
                        <li>It takes about 2 hours and 45 minutes to complete (same as the real IELTS test).</li>
                    </ul>
                </div>
                <div class="modal-fulltest__footer">
                <div class="modal-fulltest__reminder">Please confirm if you would like to continue.</div>
                <button class="modal-fulltest__btn iot-grbt" data-href="">Confirm</button>
                </div>
            </div>
        </div>
    </div>
</div>
