<?php get_header();
$ad_banner = get_home_field( 'ad_banner' );
$inner = get_home_field( 'inner' );
$range = get_home_field( 'product_range' );
$solutions = get_home_field( 'solutions' );
$solutions_ico = get_home_field( 'solutions_ico' );
$about_img = get_home_field( 'about_img' );
$ab_img = get_home_field( 'ab_img' );
$h_gif = get_home_field( 'h_gif' );
$index_partners_img = get_home_field( 'index_partners_img' );
?>
<section class="web_main index_main">
    <!-- banner --> 
    <section class="slider_banner">
      <div class="swiper-wrapper">
       <?php foreach ( $ad_banner as $banner ): ?>
        <div class="swiper-slide"> <a href="<?php echo $banner['alt']; ?>"> <img src="<?php echo $banner['url']; ?>" alt="<?php echo $banner['title']; ?>"/></a></div>
        <?php endforeach; ?>
      </div>
      <div class="index-swiper-buttons index_swiper_control">
        <div class="swiper-button-prev swiper-button-white"><span class="slide-page-box"></span></div>
        <div class="swiper-button-next swiper-button-white"><span class="slide-page-box"></span></div>
      </div>
      <div class="slider_swiper_control">
        <div class="swiper-pagination swiper-pagination-white"></div>
      </div>
    </section>
  
 <!-- index_ad -->
    <section class="index_ad">
      
      <div class="index_bd">
        <div class="layout">
          <ul class="ad_items flex_row">
            <?php foreach ( $inner as $inner ): ?>
            <li class="ad_item wow fadeInUpA" data-wow-delay=".3s" data-wow-duration=".8s">
              <figure class="item_inner flex_row">
                <div class="item_img">
                  <span class="img_ico"><img src="<?php echo $inner['url']; ?>" alt="<?php echo $inner['title']; ?>"/></span>
                </div>
                <figcaption class="item_info">
                  <h3 class="item_title"><?php echo $inner['title']; ?></h3>
                </figcaption>
              </figure>
            </li>
            <?php endforeach; ?>
          </ul>
        </div>
      </div>
    </section>

<!-- index_rang -->
    <section class="index_rang">
      <header class="index_hd">
        <div class="layout">
          <h1 class="hd_title"><a href="/product/">Product Range</a></h1>
        </div>
      </header>
      <div class="index_bd wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
        <div class="layout">
            <div class="product_slider">
              <ul class="swiper-wrapper product_items">
			   <?php foreach ( $range as $range ): ?>
                <li class="swiper-slide product_item wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">
                  <figure>
                    <span class="item_img">
                       <img src="<?php echo $range['url']; ?>" alt="<?php echo $range['title']; ?>"/><a href="<?php echo $range['alt']; ?>"></a>
                    </span>
                    <h3 class="item_tit"><a href="<?php echo $range['alt']; ?>"><?php echo $range['title']; ?></a></h3>
                  </figure>
                </li>
				 <?php endforeach; ?>
              </ul>
              <div class="index_swiper_control">
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-pagination"></div>
              </div>
            </div>
        </div>
      </div>   
    </section>

 <section class="index_rang index_solutions">
      <header class="index_hd">
        <div class="layout">
          <h2 class="hd_title">FUHEHU Solutions</h2>
        </div>
      </header>
      <div class="index_bd wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
        <div class="layout">
            <div class="product_slider">
              <ul class="swiper-wrapper product_items">
			   <?php foreach ( $solutions as $solutions ): ?>
                <li class="swiper-slide product_item wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">
                  <figure>
                    <span class="item_img">
                       <img src="<?php echo $solutions['url']; ?>" alt="<?php echo $solutions['title']; ?>"/><a href="<?php echo $solutions['alt']; ?>"></a>
                    </span>
                    <h3 class="item_tit"><a href="<?php echo $solutions['alt']; ?>"><?php echo $solutions['title']; ?></a></h3>
                  </figure>
                </li>
				 <?php endforeach; ?>
              </ul>
              <div class="index_swiper_control">
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-pagination"></div>
              </div>
            </div>
            
            <div class="view_more">
                <a href="/product/">Explore More Solutions >>></a>
            </div>
            
        </div>
      </div>   
    </section>

<section class="index_twobox">
	    <div class="layout">
	    <ul class="twobox_items">
	         <?php foreach ( $solutions_ico as $solutions_ico ): ?>
	        <li class="twobox_item">
	            <div class="twobox_img"><img src="<?php echo $solutions_ico['url']; ?>" alt="<?php echo $solutions_ico['title']; ?>"></div>
	            <div class="twobox_info">
	                <h2><?php echo $solutions_ico['title']; ?></h2>
	                <p><?php echo $solutions_ico['description']; ?></p>
	                <a href="<?php echo $solutions_ico['alt']; ?>">View More >>></a>
	            </div>
	        </li>
	         <?php endforeach; ?>
	    </ul>
	    </div>
	</section>
	
	
	<section class="index_img">
	    <img src="<?php echo $h_gif['url']; ?>">
	</section>

    <section class="index_company_intr" style="background-image: url(<?php echo $about_img['url']; ?>)">
      <header class="index_hd">
        <div class="layout">
          <h2 class="hd_title"><a href="/our-story/">About Us</a></h2>
        </div>
      </header>
      <div class="index_bd">
        <div class="layout">
          <div class="company_intr_cont wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
            <div class="company_intr_desc"><?php echo get_home_field( 'about_txt' ); ?></div>
          </div>
        </div>
      </div>
    </section>

         <!-- index_featured -->
    <section class="index_featured">
      <div class="index_bd wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
        <div class="layout">
            <div class="product_slider">
              <ul class="swiper-wrapper product_items">
			    <?php foreach ( $ab_img as $ab_img ): ?>
                <li class="swiper-slide product_item wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">
                  <figure>
                    <span class="item_img">
                      <img src="<?php echo $ab_img['url']; ?>" alt="<?php echo $ab_img['title']; ?>"/>
                    </span>
                  </figure>
                </li>
				<?php endforeach; ?>
              </ul>
              <div class="index_swiper_control">
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-pagination"></div>
              </div>
            </div>
        </div>
      </div>   
    </section>
    <!-- index_partner -->
    <section class="index_brands">
      <header class="index_hd">
        <div class="layout">
          <h2 class="hd_title">Our Partners</h2>
        </div>
      </header>
      <div class="index_bd">
        <div class="layout">
          <div class="brands_intr_cont wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
            <div class="brands_intr_desc"><?php echo get_home_field( 'index_partners_txt' ); ?></div>
          </div>
         <div class="brands_slider">
          <ul class="swiper-wrapper">
            <?php foreach ( $index_partners_img as $index_partners_img ): ?>
            <li class="swiper-slide brand_item">
             <div class="brand_img"><img src="<?php echo $index_partners_img['url']; ?>" alt="<?php echo $index_partners_img['title']; ?>"/></div>
            </li>
           <?php endforeach; ?>
          </ul>
 
         </div>
        </div>
      </div>
         <a class="sys_btn sys_btn_wave" href="/our-story/" style="margin-top:65px;">View More of Our Partners</a>
    </section>

<!-- index_news -->
 		<?php
$args = array( 'showposts' => 3, 'post_type' => 'news', 'order' => 'DESC' );

$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ):
    ?>
    <section class="index_news">
      <header class="index_hd">
        <div class="layout">
          <h2 class="hd_title">Our Blog</h2>
        </div>
      </header>
      <div class="index_bd">
        <div class="layout">
          <ul class="news_items flex_row">
<?php while ( $the_query->have_posts() ) : $the_query->the_post();
                    $title = mb_strimwidth( strip_tags( apply_filters( 'the_title', $post->post_title ) ), 0, 300, "..." );
                    $image = get_field( 'news_img' );
                    ?>
            <li class="news_item wow fadeInLeftA" data-wow-delay=".1s" data-wow-duration=".8s">
              <figure class="item_inner">
			
                <div class="item_img"><a class="item-img"
                               href="<?php the_permalink() ?>">
                                <img class="blog-img"
                                     src="<?php echo $image['url']; ?>"
                                     alt="<?php echo $title; ?>">
                            </a></div>
			
                <figcaption class="item_info">
                  <p class="item_meta">threesixtycbd Admin | <?php the_time( 'm-d-y' ) ?></p>
                  <h3 class="item_tit"><a href="<?php the_permalink() ?>">
			  <?php echo $title; ?></a></h3>
                  <div class="item_more"><a href="<?php the_permalink() ?>">READ MORE</a></div>
                </figcaption>
              </figure>
            </li>
			 <?php endwhile; ?>
          </ul>
        </div>
      </div>
    </section>
	
<?php endif; ?>

 </section>


 <?php get_footer();?>