<!doctype html>
<html class="no-js" lang="zxx">

<head>
   <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title> Programme Details | St. Catherine's A' Levels Schools! - We Offer outstanding A' Level programs, facilities, and extracurricular activities. Discover the unique advantages of studying at St. Catherine's A' Levels Schools and join our community of motivated and successful students</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">

   <!-- Place favicon.ico in the root directory -->
   <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

   <!-- CSS here -->
   <link rel="stylesheet" href="assets/css/bootstrap.css">
   <link rel="stylesheet" href="assets/css/meanmenu.css">
   <link rel="stylesheet" href="assets/css/animate.css">
   <link rel="stylesheet" href="assets/css/slick.css">
   <link rel="stylesheet" href="assets/css/backtotop.css">
   <link rel="stylesheet" href="assets/css/magnific-popup.css">
   <link rel="stylesheet" href="assets/css/nice-select.css">
   <link rel="stylesheet" href="assets/css/ui-icon.css">
   <link rel="stylesheet" href="assets/css/elegentfonts.css">
   <link rel="stylesheet" href="assets/css/font-awesome-pro.css">
   <link rel="stylesheet" href="assets/css/spacing.css">
   <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
    <?php  include "header.php" ?>

    <?php
    //include "includes/programmes-content.php";
     // Include the file with room data

    // Get the room ID from the URL parameter
    $programmeId = isset($_GET['id']) ? $_GET['id'] : null;

    // Find the room in the rooms array based on the ID
    $programme = null;
    if ($programmeId !== null) {
        foreach ($programmes as $programmeData) {
            if ($programmeData['id'] == $programmeId) {
                $programme = $programmeData;
                break;
            }
        }
    };


        ?>

   <main>

      <!-- breadcrumb-area -->
      <section class="breadcrumb__area include-bg pt-150 pb-150 breadcrumb__overlay" data-background="<?= $programme['image']; ?> ">
         <div class="container">
            <div class="row">
               <div class="col-xxl-12">
                  <div class="breadcrumb__content p-relative z-index-1">
                     <h3 class="breadcrumb__title mb-20"><?= $programme['name']; ?> </h3>
                     <div class="breadcrumb__list">
                        <span><a href="index.html">Home</a></span>
                        <span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
                        <span><a href="course-list.html">Programmes</a></span>
                        <span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
                        <span class="sub-page-black"><?= $programme['name']; ?> </span>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- breadcrumb-area-end -->

      <!-- course-details-area -->
      <section class="c-details-area pt-120 pb-50">
         <div class="container">
            <div class="row">
               <div class="col-lg-8 col-md-12">
                  <div class="c-details-wrapper mr-25">
                     <div class="c-details-thumb p-relative mb-40">
                        <img src="<?= $programme['image']; ?>" alt="details-bg">
                        <div class="c-details-ava d-md-flex align-items-center">
                           <img src="<?= $programme['logo']; ?>" alt="avata" style="width:80px">
                           <span>By <a href="#" ><?= $website_name; ?></a></span>
                        </div>
                     </div>
                     <div class="course-details-content mb-45">
                        <div class="tpcourse__category mb-15">

                        </div>
                        <div class="tpcourse__ava-title mb-25">
                           <h4 class="c-details-title"><a href="#"><?= $programme['name']; ?> </a></h4>
                        </div>
                        <div class="tpcourse__meta course-details-list">
                           <ul class="d-flex align-items-center">
                              <li>
                                 <div class="rating-gold d-flex align-items-center">
                                    <p>4.7</p>
                                    <i class="fi fi-ss-star"></i>
                                    <i class="fi fi-ss-star"></i>
                                    <i class="fi fi-ss-star"></i>
                                    <i class="fi fi-ss-star"></i>
                                    <i class="fi fi-rs-star"></i>
                                    <span>(37)</span>
                                 </div>
                              </li>
                              <li><img src="assets/img/icon/c-meta-01.png" alt="meta-icon"> <span>2 Classes</span></li>
                              <li><img src="assets/img/icon/c-meta-02.png" alt="meta-icon"> <span>26 Students</span></li>
                           </ul>
                        </div>
                     </div>
                     <div class="c-details-about mb-40">
                        <h5 class="tp-c-details-title mb-20">About Our <?= $programme['name']; ?> </h5>
                        <p><?= $programme['excerpt']; ?> </p>
                     </div>
                     <div class="cor-details-instructor mb-40">
                        <h4 class="tp-c-details-title mb-40">Requirement</h4>
                        <div class="course-instructor-details d-flex f-wrap align-items-center">
                           <div class="course-avata mr-30 mb-20">
                              <img src="<?= $programme['logo']; ?>" alt="avata-thumb">
                           </div>
                           <div class="course-avatar-details mb-20">
                              <h5 class="c-avata-title mb-10">Requirement & Procedure for our <br> <?= $programme['name']; ?> at <br> <?= $website_name; ?></h5>
                              <p>Kindly go through these basic requirement</p>
                              <div class="c-details-list mb-5">
                                 <ul class="d-flex align-items-center">
                                    <li>
                                       <div class="rating-gold d-flex align-items-center">
                                          <p>4.7</p>
                                          <i class="fi fi-ss-star"></i>
                                          <i class="fi fi-ss-star"></i>
                                          <i class="fi fi-ss-star"></i>
                                          <i class="fi fi-ss-star"></i>
                                          <i class="fi fi-rs-star"></i>
                                          <span>(37)</span>
                                       </div>
                                    </li>
                                    <li><img src="assets/img/icon/c-details-01.png" alt="meta-icon"><span>2 Classes</span></li>
                                 </ul>
                              </div>
                              <div class="c-details-stu">
                                 <ul>
                                    <li class="d-flex align-items-center"><img src="assets/img/icon/c-details-02.png" alt="meta-icon"> <span>26 Students</span></li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                        <?= $programme['description']; ?>


                     </div>
                     <div class="c-details-review pb-15">
                        <div class="c-review-title-wrapper">
                           <h5 class="c-review-title mb-40">Success Stories</h5>
                        </div>

                        <div class="course-reviewer-item-wrapper">
                          <?php foreach($reviews as $review): ?>

                           <div class="course-reviewer-item-wrapper mb-25">
                              <div class="course-reviewer-item d-flex">
                                 <div class="course-review-ava">
                                    <img  src="<?= $review['image']?>" class="profile-picture" alt="student-picture">
                                 </div>
                                 <div class="course-review-content p-relative">
                                    <h5 class="course-ava-title mb-15"><?= $review['name']?></h5>
                                    <div class="tpcourse__rating-icon d-flex align-items-center mb-10">
                                       <i class="fi fi-ss-star"></i>
                                       <i class="fi fi-ss-star"></i>
                                       <i class="fi fi-ss-star"></i>
                                       <i class="fi fi-ss-star"></i>
                                       <i class="fi fi-rs-star"></i>
                                    </div>
                                    <p>"<?= $review['text']?>"</p>
                                    <div class="c-reviewer-time">
                                       <span><?= $review['date']?></span>
                                    </div>
                                 </div>
                              </div>





                           </div>
                           <?php endforeach;?>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-4 col-md-12">
                  <div class="c-details-sidebar">
                     <div class="c-video-thumb p-relative mb-25">
                        <img src="<?= $programme['image']; ?>" alt="video-bg">
                        <div class="">
                           <a class="" href=""><i class=""></i></a>
                        </div>
                     </div>
                     <div class="course-details-widget">
                        <div class="cd-video-price ">
                           <h5 class="pricing-video text-center mb-15 hidden">₦<?= number_format($programme['price']); ?> <br> <small>Per <?= $programme['price_range'];  ?></small></h5>
                           <div class="cd-pricing-btn text-center mb-30">
                              <a class="tp-vp-btn" href="requirement.html">View Requirement</a>
                              <a class="tp-vp-btn-green" href="checkout.php">Enroll Now</a>
                           </div>
                        </div>
                        <div class="cd-information mb-35">
                           <ul>
                              <li><i class="fa-light fa-calendars"></i> <label>Lessons</label> <span>36 +</span></li>
                              <li><i class="fi fi-rr-chart-pie-alt"></i> <label>Exams</label> <span>2</span></li>
                              <li><i class="fi fi-rr-user"></i> <label>Students</label> <span>20 +</span></li>
                              <li><i class="fa-light fa-clock-desk"></i> <label>Duration</label> <span>8 Months</span></li>
                              <li><i class="fi fi-sr-stats"></i> <label>Skill Level</label> <span>Beginner</span></li>
                              <li><i class="fi fi-rr-comments"></i> <label>Language</label> <span>English</span></li>
                              <li><i class="fi fi-rs-diploma"></i> <label>Certificate</label> <span>Yes</span></li>
                           </ul>
                        </div>
                        <div class="c-details-social">
                           <h5 class="cd-social-title mb-25">Share Now:</h5>
                           <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                           <a href="#"><i class="fa-brands fa-twitter"></i></a>
                           <a href="#"><i class="fa-brands fa-instagram"></i></a>
                           <a href="#"><i class="fa-brands fa-youtube"></i></a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- course-details-area-end -->

      <!-- course-area -->
      <section class="course-area mb-80">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="section-title mb-65">
                     <h2 class="tp-section-title mb-20">Trending Programmes in <?= $year?></h2>
                  </div>
               </div>
            </div>
            <div class="row">

            <?php
                $sliced = array_slice($programmes, 0 ,3);
               foreach($sliced as $i):
               ?>

               <div class="col-xl-4 col-lg-6 col-md-6">
                  <div class="tpcourse mb-40">
                     <div class="tpcourse__thumb p-relative w-img fix">
                        <a href="single-programme.php?id=<?=  $i['id']; ?>"><img src="<?= $i['image']; ?>" alt="course-thumb"></a>
                        <div class="tpcourse__tag">
                           <a href="single-programme.php?id=<?=  $i['id']; ?>"><i class="fi fi-rr-heart"></i></a>
                        </div>
                        <div class="tpcourse__img-icon">
                           <img src="<?= $i['logo']; ?>" alt="course-avata" style="width:80px">
                        </div>
                     </div>
                     <div class="tpcourse__content-2">
                        <div class="tpcourse__category mb-10">

                        </div>
                        <div class="tpcourse__ava-title mb-15">
                           <h4 class="tpcourse__title tp-cours-title-color"><a href="single-programme.php?id=<?=  $i['id']; ?>"><?=  $i['name']; ?></a></h4>
                        </div>
                        <div class="tpcourse__meta tpcourse__meta-gap pb-15 mb-15">
                           <p><?= $i['excerpt']; ?></p>
                           <a href="single-programme.php?id=<?=  $i['id']; ?>" class="readmore-btn">Learn More</a>

                        </div>

                        <div class="tpcourse__rating d-flex align-items-center justify-content-between hidden">
                           <div class="tpcourse__rating-icon">
                           <h5 class="price-title "><?= $i['price']; ?></h5>
                           </div>
                           <div class="tpcourse__pricing ">

                              <h6 class="price-title">Per /<?= $i['price_range']; ?></h6>
                           </div>

                        </div>

                     </div>
                  </div>
               </div>

                 <?php endforeach; ?>

            </div>
         </div>
      </section>
      <!-- course-area-end -->

      <!-- counter-area -->
      <section class="tp-counter-area theme-bg pt-90">
         <div class="counter-b-border">
            <div class="container">
               <div class="row">
                  <div class="col-xl-3 col-md-6">
                     <div class="counter-item mb-70">
                        <div class="counter-item__content counter-white-text">
                           <h4 class="counter-item__title counter-left-title"><span class="counter">276</span>K</h4>
                           <p>Worldwide Students</p>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-3 col-md-6">
                     <div class="counter-item mb-70">
                        <div class="counter-item__content counter-white-text">
                           <h4 class="counter-item__title counter-left-title"><span class="counter">23</span>+</h4>
                           <p>Years Experience</p>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-3 col-md-6">
                     <div class="counter-item mb-70">
                        <div class="counter-item__content counter-white-text">
                           <h4 class="counter-item__title counter-left-title"><span class="counter">735</span>+</h4>
                           <p>Professional Courses</p>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-3 col-md-6">
                     <div class="counter-item mb-70">
                        <div class="counter-item__content counter-white-text">
                           <h4 class="counter-item__title counter-left-title"><span class="counter">4.7</span>K+</h4>
                           <p>Beautiful Review</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- counter-area-end -->

   </main>

 <!-- footer-area -->
          <?php  include "footer.php" ?>
      <!-- footer-area-end -->
</body>

</html>
