<?php
// Exit if accessed directly
if (!defined('ABSPATH')) exit;

/**
 *Full Content Template

    Template Name: Home

 *@file home.php
 *@package ahm
 *@author Md Rabiul Islam Robin
 *@copyright 2025
 *@license 
 *@version 1.0
 *@filesource ahm/home.php
 *@since ahm 1.0
 */

get_header();

?>

<!-----------------------------------------------
                        Hero Thumb
    ------------------------------------------------->

<section
  class="hero-thumb fix bg-cover"
  style="background-image: url(<?php echo get_template_directory_uri(); ?>/image/bg.jpg)">
  <div class="arrow-shape float-baby-y">
    <img src="<?php echo get_template_directory_uri(); ?>/image/angle-arrow.png" alt="This is Arrow Shape" />
  </div>
  <div class="star-shape float-baby-y">
    <img src="<?php echo get_template_directory_uri(); ?>/image/star.png" alt="this is star image" />
  </div>
  <div class="hero-social-info">
    <li><a href="<?php echo get_post_meta($homeId, 'wpcf-facebook-url', true); ?>">Facebook</a></li>
    <li><a href="<?php echo get_post_meta($homeId, 'wpcf-twitter-url', true); ?>">Twitter</a></li>
    <li><a href="<?php echo get_post_meta($homeId, 'wpcf-instagram-url', true); ?>">Instagram</a></li>
    <li><a href="<?php echo get_post_meta($homeId, 'wpcf-youtube-url', true); ?>">Youtube</a></li>
  </div>
  <div class="hero-banner container-fluid container-lg">
    <div class="row align-items-center">
      <div class="col-md-6 order-2 order-md-1">
        <div class="hero-banner-thumb">
          <div class="hero-banner-img">
            <img src="<?php echo get_post_meta($homeId, 'wpcf-hero-banner-image', true); ?>" alt="" />
            <div class="hero-shape-img">
              <img src="<?php echo get_template_directory_uri(); ?>/image/bg-shape.png" alt="" />
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 order-1 order-md-2">
        <div class="hero-content">
          <span class="hero-content-image d-flex" data-aos="fade-down" data-aos-duration="900"><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt="This is hero Star image" />Hey
            There!</span>
          <div class="txt-wrapper" data-aos="fade-left" data-aos-duration="900">
            <div class="static-txt">I'm <?php echo get_post_meta($homeId, 'wpcf-hero-name', true); ?></div>
            <div class="dynamic-txt">
              <li><span><?php echo get_post_meta($homeId, 'wpcf-first-position', true); ?></span></li>
              <li><span><?php echo get_post_meta($homeId, 'wpcf-seccond-position', true); ?></span></li>
            </div>
          </div>
          <p class="hero-pera">
            <?php echo get_post_meta($homeId, 'wpcf-hero-description', true); ?>
          </p>
          <div class="hero-wrapper-btn">
            <div>
              <a
                href="<?php echo get_post_meta($homeId, 'wpcf-hero-resume', true); ?>" download
                class="hero-btn">Download CV
                <span class="rot-90"><i class="fa-solid fa-arrow-up"></i></span>
              </a>
            </div>
            <div>
              <a
                href="<?php echo get_post_meta($homeId, 'wpcf-reel-url', true); ?>"
                target="_blank"
                class="hero-youtube-btn">
                <span class="h-y-btn-b"><i class="fa-solid fa-play"></i></span>
                <span class="h-y-btn">Show Reel</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-----------------------------------------------
                        Marque Section
    ------------------------------------------------->

<section class="marquee-section fix">
  <div class="marquee-container">
    <div class="marquee-wrapper">
      <div class="marquee-content d-flex">
        <?php
        $marquees = get_post_meta($post->ID, 'wpcf-marquee-positions', false);
        foreach ($marquees as $item) { ?>
          <div class="marquiee-text">
            <img src="<?php echo get_template_directory_uri(); ?>/image/star-3.png" alt="This is star image" />
            <h3><?php echo $item; ?></h3>
          </div>
        <?php } ?>
      </div>
      <div class="marquee-content d-flex">
        <?php
        $marquees = get_post_meta($post->ID, 'wpcf-marquee-positions', false);
        foreach ($marquees as $item) { ?>
          <div class="marquiee-text">
            <img src="<?php echo get_template_directory_uri(); ?>/image/star-3.png" alt="This is star image" />
            <h3><?php echo $item; ?></h3>
          </div>
        <?php } ?>
      </div>
    </div>
  </div>
</section>

<!-----------------------------------------------
                      About-banner 
    ------------------------------------------------->

<section id="about">

  <div class="about-container fix">
    <div class="container">
      <div class="about-wrapper">
        <div class="random-shape float-bob-x">
          <img src="<?php echo get_template_directory_uri(); ?>/image/random-shape.png" alt="This is random image" />
        </div>
        <div class="star-about float-bob-y">
          <img src="<?php echo get_template_directory_uri(); ?>/Image/star-(1).png" alt="" />
        </div>
        <div class="row align-items-center">
          <div class="col-lg-6">
            <div class="about-content">
              <div class="about-title">
                <div class="about-top-title">
                  <img src="<?php echo get_template_directory_uri(); ?>/Image/star-2.png" alt="" />About Me
                </div>
                <h2>
                  <?php echo get_post_meta($homeId, 'wpcf-about-banner-title', true); ?>
                  <span class="txt-clr"><?php echo get_post_meta($homeId, 'wpcf-about-color-title', true); ?></span>
                </h2>
                <p><?php echo get_post_meta($homeId, 'wpcf-about-banner-name', true); ?></p>
                <p class="a-p">
                  <?php echo get_post_meta($homeId, 'wpcf-about-banner-description', true); ?>
                </p>
              </div>
              <div class="about-project-experience">
                <div class="experience-year">
                  <h4><?php echo get_post_meta($homeId, 'wpcf-professional-experience-years', true); ?></h4>
                  <h3>Years of Professional Experience</h3>
                </div>
                <div class="experience-year">
                  <h4 class="e-m"><?php echo get_post_meta($homeId, 'wpcf-teaching-experience-years', true); ?></h4>
                  <h3>Years of Teaching Experience</h3>
                </div>
              </div>
              <div class="about-btn">
                <div>
                  <a href="#resume" class="about-m-btn">
                    About Me
                    <span class="rot-95"><i class="fa-solid fa-arrow-up"></i></span>
                  </a>
                </div>

                <div class="about-call-btn">
                  <div class="btn-call">
                    <img src="<?php echo get_template_directory_uri(); ?>/image/phone.svg" alt="This is Phone Logo" />
                  </div>
                  <div class="btn-call-content">
                    <h2>Phone</h2>
                    <h4><?php echo get_post_meta($homeId, 'wpcf-office-phone', true); ?></h4>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 d-flex justify-content-center">
            <div class="about-banner-image">
              <img src="<?php echo get_post_meta($homeId, 'wpcf-about-banner-image', true); ?>" alt="" />
              <div class="man-bg-shape">
                <img src="<?php echo get_template_directory_uri(); ?>/image/bg-shape-2.png" alt="" />
              </div>
              <div class="shape-left float-bob-x d-block align-items-center">
                <div class="research-b-img d-flex align-items-center gap-2">
                  <img src="<?php echo get_post_meta($homeId, 'wpcf-bottom-add-image', true); ?>" alt="" />
                  <h2><?php echo get_post_meta($homeId, 'wpcf-bottom-add-countup', true); ?></h2>
                </div>
                <p><?php echo get_post_meta($homeId, 'wpcf-about-bottom-add-title', true); ?></p>
              </div>
              <div class="shape-right float-bob-y d-block align-items-center">
                <div class="research-b-img d-flex align-items-center gap-2">
                  <img src="<?php echo get_post_meta($homeId, 'wpcf-top-add-image', true); ?>" alt="" />
                  <h2><?php echo get_post_meta($homeId, 'wpcf-top-add-countup', true); ?></h2>
                </div>
                <p><?php echo get_post_meta($homeId, 'wpcf-about-top-add-title', true); ?></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</section>

<!-----------------------------------------------
                      Experience Part 
    ------------------------------------------------->

<section class="experience-section section-bg fix" id="resume">
  <div class="random-shape float-bob-x">
    <img src="<?php echo get_template_directory_uri(); ?>/image/random-shape.png" alt="This is random image" />
  </div>
  <div class="container-lg">
    <div class="ex-section-title mb-5">
      <h2 class="ex-front" data-aos="zoom-out-up" data-aos-duration="1500">Resume</h2>
      <p data-aos="zoom-out-up" data-aos-duration="1500">
        <img src="Image/star-2.png" alt="" />My Experience
        <span class="section-title-border"></span>
      </p>
    </div>
    <div class="experience-wrapper">
      <?php $args = array(
        'posts_per_page' => $postPerPage,
        'post_type' => 'experience',
        'post_status' => 'publish',
        'orderby' => 'date',
        'order' => 'ASC'
      );
      $glance = new wp_query($args);
      if ($glance->have_posts()) :
        while ($glance->have_posts()) : $glance->the_post(); ?>
          <div class="experience-item" data-aos="fade-up" data-aos-duration="1500">
            <span><?php echo get_post_meta($post->ID, 'wpcf-experience-start-date', true); ?></span>
            <div class="ex-content">
              <h2><?php echo $post->post_title; ?></h2>
              <h3><?php echo get_post_meta($post->ID, 'wpcf-experience-organization-location', true); ?></h3>
            </div>
            <h6><?php echo get_post_meta($post->ID, 'wpcf-experience-end-date', true); ?></h6>
          </div>
      <?php endwhile;
      endif;
      wp_reset_postdata(); ?>
    </div>
  </div>
</section>

<!-----------------------------------------------
                      Award Part 
    ------------------------------------------------->

<section class="award-section fix">
  <div class="trophy">
    <img src="<?php echo get_template_directory_uri(); ?>/image/trophy.png" alt="trophy.png" />
  </div>
  <div class="a-star-shape float-bob-x d-md-block d-none">
    <img src="<?php echo get_template_directory_uri(); ?>/image/star.png" alt="This is Star png" />
  </div>
  <div class="container">
    <div class="award-wrapper">
      <div class="row g-4">
        <div class="col-md-6">
          <div class="title-section">
            <span class="d-flex align-items-center"><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt="" />Awards</span>
            <h2><span class="clr-g">Awards</span> & Recognition</h2>
          </div>
        </div>
        <?php $args = array(
          'posts_per_page' => $postPerPage,
          'post_type' => 'award',
          'post_status' => 'publish',
          'orderby' => 'date',
          'order' => 'DESC'
        );
        $glance = new wp_query($args);
        if ($glance->have_posts()) :
          while ($glance->have_posts()) : $glance->the_post(); ?>
            <div class="col-md-6">
              <div class="award-item">
                <div class="content">
                  <div class="icon">
                    <img src="<?php echo get_template_directory_uri(); ?>/image/award first.svg" alt="" />
                  </div>
                  <div class="award-text">
                    <h3><?php echo $post->post_title; ?></h3>
                    <span><?php echo get_post_meta($post->ID, 'wpcf-award-date', true); ?></span>
                  </div>
                </div>
                <div class="icon">
                  <img src="image/founder.svg" alt="" />
                </div>
              </div>
            </div>
        <?php endwhile;
        endif;
        wp_reset_postdata(); ?>
      </div>
    </div>
  </div>
</section>

<!-----------------------------------------------
                      CoursesS Part 
    ------------------------------------------------->

<section class="courses-section fix" id="Courses">
  <div class="random-s-left float-bob-y">
    <img src="<?php echo get_template_directory_uri(); ?>/Image/random-shape.png" alt="This is random shape image" />
  </div>
  <div class="courses-container container">
    <div class="ex-section-title mb-5">
      <h2 class="ex-front">Courses</h2>
      <p>
        <img src="Image/star-2.png" alt="" />Categories
        <span class="section-title-border"></span>
      </p>
    </div>
    <div class="courses-wrapper">

      <?php
      $args = array(
        'post_type' => 'courses', // Toolset custom post type
        'posts_per_page' => 6,
        'orderby' => 'meta_value_num', // numeric value er jonno
        'order' => 'ASC'
      );
      $portfolio_query = new WP_Query($args);

      if ($portfolio_query->have_posts()):
        while ($portfolio_query->have_posts()): $portfolio_query->the_post();
      ?>
          <div class="courses-item d-sm-flex align-items-sm-center" data-aos="fade-up" data-aos-duration="1500">
            <div class="head">
              <span><?php echo get_post_meta($post->ID, 'wpcf-courses-count', true); ?></span>
            </div>
            <div class="text"><?php echo the_title() ?></div>
            <div class="courses-l-btn">
              <i class="fa-solid fa-arrow-right"></i>
              <a href="<?php the_permalink(); ?>">Read More</a>
            </div>
          </div>
      <?php
        endwhile;
        wp_reset_postdata();
      else:
        echo '<p>No portfolio items found.</p>';
      endif;
      ?>
    </div>
  </div>
</section>

<!-----------------------------------------------
                      Protfolio Part 
    ------------------------------------------------->

<section class="protfolio-section fix" id="protfolio">

  <div class="protfolio-wrapper">

    <div class="p-title-bar">
      <h3><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt=""><?php echo get_post_meta($post->ID, 'wpcf-portfolio-title', true); ?></h3>
      <p><?php echo get_post_meta($post->ID, 'wpcf-portfolio-subtitle', true); ?></p>
    </div>
    <div class="protfolio-conent">
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <!-- Slide item-->
          <?php
          $args = array(
            'post_type' => 'portfolios', // Toolset custom post type
            'posts_per_page' => 16,
            'orderby' => 'meta_value_num', // numeric value er jonno
            'order' => 'ASC'
          );
          $portfolio_query = new WP_Query($args);

          if ($portfolio_query->have_posts()):
            while ($portfolio_query->have_posts()): $portfolio_query->the_post();
              $categories = get_the_category();
              $cat_name = !empty($categories) ? $categories[0]->name : 'Blog';
          ?>
              <div class="swiper-slide">
                <div class="card-item">
                  <div class="card-img" style="background-image: url(<?php
                                                                      if (has_post_thumbnail()) {
                                                                        the_post_thumbnail_url('large');
                                                                      } else {
                                                                        echo get_template_directory_uri() . '/image/default.jpg';
                                                                      }
                                                                      ?>);">
                    <div class="card-text">
                      <div class="card-text-wrapper">
                        <span class="card-text-h">
                          <?php
                          $terms = wp_get_post_terms(get_the_ID(), 'protfolio-categories'); // Toolset taxonomy slug
                          if (!empty($terms) && !is_wp_error($terms)) {
                            // শুধু প্রথম selected category দেখাবে
                            echo $terms[0]->name;
                          }
                          ?>
                        </span>
                        <div class="card-round"></div>
                        <div class="card-text-details">
                          <?php
                          $parent_id = get_the_ID();
                          $child_posts = toolset_get_related_posts(
                            $parent_id,
                            'portfolio-d-project',
                            array(
                              'query_by_role' => 'parent',
                              'return' => 'post_object'
                            )
                          );
                          $total_items = count($child_posts);
                          ?>
                          <?php echo $total_items; ?>
                        </div>
                      </div>
                    </div>
                  </div>
                  <h2><?php echo the_title() ?></h2>
                  <div class="card-btn">
                    <a href="<?php the_permalink(); ?>">Read More <i class="fa-solid fa-angle-right"></i></a>
                  </div>
                </div>
              </div>
          <?php
            endwhile;
            wp_reset_postdata();
          else:
            echo '<p>No portfolio items found.</p>';
          endif;
          ?>
        </div>
        <div class="swiper-pagination"></div>
      </div>

    </div>

  </div>

  <div class="thesis-wrapper">
    <div class="container">
      <div class="super-heading">
        <h2 class="d-flex align-items-center justify-content-center"><span><img src="image/star-2.png" alt=""></span>Supervised Theses</h2>
        <p>"Theses by My Graduate Students"</p>
        <div class="thesis-container">
          <div class="row">
            <div class="col-lg-6 ">
              <div class="thesis-box">
                <h4><?php echo get_post_meta($post->ID, 'wpcf-degree-1st', true); ?></h4>
                <h5 class="t-heading"><?php echo get_post_meta($post->ID, 'wpcf-student-name-1st', true); ?></h5>
                <h6>Regisration No: <span><?php echo get_post_meta($post->ID, 'wpcf-regisration-number-1st', true); ?></span></h6>
                <div class="t-title">
                  <h5>Session: <span><?php echo get_post_meta($post->ID, 'wpcf-session-1st', true); ?></span></h5>
                  <p><?php echo get_post_meta($post->ID, 'wpcf-thesis-title-1st', true); ?></p>
                </div>
              </div>
            </div>
            <div class="col-lg-6 ">
              <div class="thesis-box">
                <h4><?php echo get_post_meta($post->ID, 'wpcf-degree-2nd', true); ?></h4>
                <h5 class="t-heading"><?php echo get_post_meta($post->ID, 'wpcf-name-2nd', true); ?></h5>
                <h6>Regisration No: <span><?php echo get_post_meta($post->ID, 'wpcf-regisration-number-2nd', true); ?></span></h6>
                <div class="t-title">
                  <h5>Session: <span><?php echo get_post_meta($post->ID, 'wpcf-session-2nd', true); ?></span></h5>
                  <p><?php echo get_post_meta($post->ID, 'wpcf-thesis-title-2nd', true); ?></p>
                </div>
              </div>
            </div>

          </div>
        </div>
        <div class="t-btn">
          <a href="<?php echo get_permalink(98); ?>">Read More <span><i class="fa-solid fa-arrow-up"></i></span></a>
        </div>
      </div>

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

<!-----------------------------------------------
                      Gallery Part 
    ------------------------------------------------->

<section class="gallery-section fix">
  <div class="random-s-left float-bob-x">
    <img src="<?php echo get_template_directory_uri(); ?>/Image/random-shape.png" alt="This is random shape image" />
  </div>
  <div class="gallery-wrapper container">
    <div class="ex-section-title mb-5">
      <h2>Moments</h2>
      <p>
        <img src="Image/star-2.png" alt="" />Gallery
        <span class="section-title-border"></span>
      </p>
    </div>
    <div class="gallery-c-wrapper">
      <div class="row">
        <div class="col-md-6 d-flex align-items-center">
          <div class="g-content">
            <h2><span><img src="<?php echo get_template_directory_uri(); ?>/image/star-2.png" alt=""></span><?php echo get_post_meta($homeId, 'wpcf-gallery-title', true); ?><span class="clr-g"><?php echo get_post_meta($homeId, 'wpcf-gallery-color-title', true); ?></span></h2>
            <p><?php echo get_post_meta($homeId, 'wpcf-gallery-description', true); ?></p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="g-slider-wrapper">
            <div class="swiper g-Swiper">
              <div class="swiper-wrapper">
                <?php
                $gellary = get_post_meta($post->ID, 'wpcf-gellary-image', false);
                foreach ($gellary as $item) { ?>
                  <div class="swiper-slide"><img src="<?php echo $item; ?>" alt="Slide 1" /></div>
                <?php } ?>
              </div>
              <div class="swiper-pagination margin-bottom"></div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>
</section>

<?php get_footer(); ?>

<!-----------------------------------------------
                    HOME Script 
    ------------------------------------------------->

<!--_______________ protfolio slide script _____________-->

<script>
  var swiper = new Swiper(".mySwiper", {
    slidesPerView: 1,
    spaceBetween: 20,
    pagination: {
      el: ".swiper-pagination",
      dynamicBullets: true,
      clickable: true,
    },
    breakpoints: {
      768: {
        slidesPerView: 2,
      },
      992: {
        slidesPerView: 3,
      },
    },
    speed: 1000,
  });
</script>

<!--_______________ Gallery slide script _____________-->

<script>
  var swiper = new Swiper(".g-Swiper", {
    pagination: {
      el: ".swiper-pagination",
      dynamicBullets: true,
      clickable: true,
    },
    effect: "cards",
    grabCursor: true,
    speed: 1000,
  });
</script>