<?php foreach ($my_courses as $my_course):
    $course_details = $this->crud_model->get_course_by_id($my_course['id'])->row_array();
    $instructor_details = $this->user_model->get_all_user($course_details['user_id'])->row_array();?>

    <div class="col-lg-3">
        <div class="course-box-wrap">
                <div class="course-box">
                    <a href="<?php echo site_url('home/lesson/'.slugify($course_details['title']).'/'.$my_course['id']); ?>">
                        <div class="course-image">
                            <img src="<?php echo $this->crud_model->get_course_thumbnail_url($my_course['id']); ?>" alt="" class="img-fluid">
                            <span class="play-btn"></span>
                        </div>
                    </a>

                    <div class="" id = "course_info_view_<?php echo $my_course['id'];  ?>">
                      <div class="course-details">
                          <a href="<?php echo site_url('home/course/'.slugify($course_details['title']).'/'.$my_course['id']); ?>"><h5 class="title"><?php echo ellipsis($course_details['title']); ?></h5></a>
                          <div class="progress" style="height: 5px;">
                            <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: <?php echo course_progress($my_course['id']); ?>%" aria-valuenow="<?php echo course_progress($my_course['id']); ?>" aria-valuemin="0" aria-valuemax="100"></div>
                          </div>
                          <small><?php echo ceil(course_progress($my_course['id'])); ?>% <?php echo get_phrase('completed'); ?></small>
                          <div class="rating your-rating-box" style="position: unset; margin-top: -18px;">

                              <?php
                               $get_my_rating = $this->crud_model->get_user_specific_rating('course', $my_course['id']);
                               for($i = 1; $i < 6; $i++):?>
                               <?php if ($i <= $get_my_rating['rating']): ?>
                                  <i class="fas fa-star filled"></i>
                              <?php else: ?>
                                  <i class="fas fa-star"></i>
                               <?php endif; ?>
                              <?php endfor; ?>
                              <!-- <p class="your-rating-text" id = "<?php echo $my_course['id']; ?>" onclick="getCourseDetailsForRatingModal(this.id)">
                                  <span class="your"><?php echo get_phrase('your'); ?></span>
                                  <span class="edit"><?php echo get_phrase('edit'); ?></span>
                                  <?php echo get_phrase('rating'); ?>
                              </p> -->
                              <p class="your-rating-text">
                                <a href="javascript::" id = "edit_rating_btn_<?php echo $course_details['id']; ?>" onclick="toggleRatingView('<?php echo $course_details['id']; ?>')" style="color: #2a303b"><?php echo get_phrase('edit_rating'); ?></a>
                                <a href="javascript::" class="hidden" id = "cancel_rating_btn_<?php echo $course_details['id']; ?>" onclick="toggleRatingView('<?php echo $course_details['id']; ?>')" style="color: #2a303b"><?php echo get_phrase('cancel_rating'); ?></a>
                              </p>
                          </div>
                      </div>
                      <div class="row" style="padding: 5px;">
                          <div class="col-md-6">
                              <a href="<?php echo site_url('home/course/'.slugify($course_details['title']).'/'.$my_course['id']); ?>" class="btn"><?php echo get_phrase('course_detail'); ?></a>
                          </div>
                          <div class="col-md-6">
                               <a href="<?php echo site_url('home/lesson/'.slugify($course_details['title']).'/'.$my_course['id']); ?>" class="btn"><?php echo get_phrase('start_lesson'); ?></a>
                          </div>
                      </div>
                    </div>

                    <div class="course-details" style="display: none; padding-bottom: 10px;" id = "course_rating_view_<?php echo $course_details['id']; ?>">
                      <a href="<?php echo site_url('home/course/'.slugify($course_details['title']).'/'.$my_course['id']); ?>"><h5 class="title"><?php echo ellipsis($course_details['title']); ?></h5></a>
                      <?php
                        $user_specific_rating = $this->crud_model->get_user_specific_rating('course', $course_details['id']);
                      ?>
                      <form class="" action="" method="post">
                        <div class="form-group select">
                          <div class="styled-select">
                            <select class="form-control" name="star_rating" id="star_rating_of_course_<?php echo $course_details['id']; ?>">
                              <option value="1" <?php if ($user_specific_rating['rating'] == 1): ?>selected=""<?php endif; ?>>1 <?php echo get_phrase('out_of'); ?> 5</option>
                              <option value="2" <?php if ($user_specific_rating['rating'] == 2): ?>selected=""<?php endif; ?>>2 <?php echo get_phrase('out_of'); ?> 5</option>
                              <option value="3" <?php if ($user_specific_rating['rating'] == 3): ?>selected=""<?php endif; ?>>3 <?php echo get_phrase('out_of'); ?> 5</option>
                              <option value="4" <?php if ($user_specific_rating['rating'] == 4): ?>selected=""<?php endif; ?>>4 <?php echo get_phrase('out_of'); ?> 5</option>
                              <option value="5" <?php if ($user_specific_rating['rating'] == 5): ?>selected=""<?php endif; ?>>5 <?php echo get_phrase('out_of'); ?> 5</option>
                            </select>
                          </div>
                        </div>
                        <div class="form-group add_top_30">
                          <textarea name="review" id ="review_of_a_course_<?php echo $course_details['id']; ?>" class="form-control" style="height:120px;" placeholder="<?php echo get_phrase('write_your_review_here'); ?>"><?php echo $user_specific_rating['review']; ?></textarea>
                        </div>
                        <button type="" class="btn btn-block" onclick="publishRating('<?php echo $course_details['id']; ?>')" name="button"><?php echo get_phrase('publish_rating'); ?></button>
                        <a href="javascript::" class="btn btn-block" onclick="toggleRatingView('<?php echo $course_details['id']; ?>')" name="button"><?php echo get_phrase('cancel_rating'); ?></a>
                      </form>
                    </div>
                </div>
        </div>
    </div>
<?php endforeach; ?>
