<div class="edu-breadcrumb-area">
    <div class="container">
        <div class="breadcrumb-inner">
            <div class="page-title">
                <h1 class="title"><?php echo $category->category_name; ?></h1>
            </div>
            <ul class="edu-breadcrumb">
                <li class="breadcrumb-item"><a href="<?php echo base_url(); ?>">Home</a></li>
                <li class="separator"><i class="icon-angle-right"></i></li>
                <li class="breadcrumb-item"><a href="#">Courses Category</a></li>
                <li class="separator"><i class="icon-angle-right"></i></li>
                <li class="breadcrumb-item active" aria-current="page"><?php echo $category->category_name; ?></li>
            </ul>
        </div>
    </div>
    <ul class="shape-group">
        <li class="shape-1">
            <span></span>
        </li>
        <li class="shape-2 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-13.png" alt="shape"></li>
        <li class="shape-3 scene"><img data-depth="-2" src="<?php echo front_css(); ?>images/about/shape-15.png" alt="shape"></li>
        <li class="shape-4">
            <span></span>
        </li>
        <li class="shape-5 scene"><img data-depth="2" src="<?php echo front_css(); ?>images/about/shape-07.png" alt="shape"></li>
    </ul>
</div>

<!--=====================================-->
<!--=        Courses Area Start         =-->
<!--=====================================-->
<div class="edu-course-area course-area-1 gap-tb-text">
    <div class="container">


        <div class="edu-sorting-area">
            <div class="sorting-left">
                <h6 class="showing-text">We found <span><?php echo count($all_course); ?></span> courses available for you</h6>
            </div>
        </div>

        <div class="row g-5">

            <?php foreach ($all_course as $key => $course):
                $lession = $this->course_model->count_lession_by_course($course->id);
                ?>
                <div class="col-md-6 col-lg-4 col-xl-3" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                    <div class="edu-course course-style-1 course-box-shadow hover-button-bg-white">
                        <div class="inner">
                            <div class="thumbnail">
                                <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>">
                                    <img src="<?php echo base_url(); ?><?php echo $course->thumbnail; ?>" alt="<?php echo $course->title; ?>">
                                </a>
                                <?php if($course->duration): ?>
                                    <div class="time-top">
                                        <span class="duration"><i class="icon-61"></i><?php echo $course->duration; ?></span>
                                    </div>
                                <?php endif; ?>
                            </div>
                            <div class="content">
                                <span class="course-level"><?php echo $course->level; ?></span>
                                <h6 class="title">
                                    <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>"><?php echo mb_strimwidth($course->title, 0, 100, "...") ?></a>
                                </h6>
                                <div class="course-rating">
                                    <div class="rating">
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                    </div>
                                    <span class="rating-count">(5.0 /9 Rating)</span>
                                </div>
                                <div class="course-price">&#x20B9;<?php echo $course->price; ?></div>
                                <ul class="course-meta">
                                    <li><i class="icon-24"></i><?php echo $lession; ?> Lession</li>
                                    <li><i class="icon-25"></i>1500+ </li>
                                </ul>
                            </div>
                        </div>
                        <div class="course-hover-content-wrapper">
                            <!-- <button class="wishlist-btn"><i class="icon-22"></i></button> -->
                        </div>
                        <!-- <div class="course-hover-content-wrapper">
                            <button class="wishlist-btn"><i class="icon-22"></i></button>
                        </div> -->
                        <div class="course-hover-content">
                            <div class="content">
                                <!-- <button class="wishlist-btn"><i class="icon-22"></i></button> -->
                                <span class="course-level"><?php echo $course->level; ?></span>
                                <h6 class="title">
                                    <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>"><?php echo mb_strimwidth($course->title, 0, 100, "...") ?></a>
                                </h6>
                                <div class="course-rating">
                                    <div class="rating">
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                        <i class="icon-23"></i>
                                    </div>
                                    <span class="rating-count">(5.0 /9 Rating)</span>
                                </div>
                                <div class="course-price">&#x20B9;<?php echo $course->price; ?></div>
                                <p><?php echo mb_strimwidth($course->short_description, 0, 200, "...") ?></p>
                                <ul class="course-meta">
                                    <li><i class="icon-24"></i><?php echo $lession; ?> Lession</li>
                                    <li><i class="icon-25"></i>1500+</li>
                                </ul>
                                <a href="<?php echo base_url(); ?>course/<?php echo $course->slug; ?>" class="edu-btn btn-secondary btn-small">Enrolled <i class="icon-4"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Single Course  -->
           <?php endforeach; ?>
        </div>
        <!-- <div class="load-more-btn" data-sal-delay="100" data-sal="slide-up" data-sal-duration="1200">
            <a href="course-one.html" class="edu-btn">Load More <i class="icon-56"></i></a>
        </div> -->
    </div>
</div>