<?php
/**
* The front page template file
*
* If the user has selected a static page for their homepage, this is what will
* appear.
* Learn more: https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package WordPress
* @subpackage Twenty_Seventeen
* @since 1.0
* @version 1.0
*/
get_header();
?>
<section class="content-one bg-white p-t-40">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 p-t-40">
<iframe width="546" height="320" src="<?php the_field("youtube_link", $frontpage_id);?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 p-t-40">
<?php the_field("youtube_paragraph", $frontpage_id);?>
</div>
</div>
<div class="row m-t-40">
<div class="col-lg-6 col-md-6 col-sm-7 col-xs-12">
<?php the_field("left_desc", $frontpage_id);?>
</div>
<div class="col-lg-6 col-md-6 col-sm-5 col-xs-12">
<img src="<?php the_field("left_image", $frontpage_id);?>" alt="" class="img-responsive">
</div>
</div>
</div>
</section>
<section class="howitworks">
<div class="container">
<?php the_field("see_how", $frontpage_id);?>
<div class="row">
<?php while ( have_rows('work_module', $frontpage_id) ) : the_row();?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="info">
<span class="icons icon-best-price">
<img src="<?php the_sub_field('image'); ?>" alt=""></span>
<h6><?php the_sub_field('title'); ?></h6>
<p><?php the_sub_field('desc'); ?> </p>
</div>
</div>
<?php endwhile;?>
</div>
</div>
</section>
<section class="find p-t-35 p-b-35">
<div class="container">
<?php the_field("find_out", $frontpage_id);?>
</div>
</section>
<section class="location bg-white p-t-40">
<div class="container">
<h3><i class="fa fa-map-marker text-danger"></i> <?php the_field("your_rentals", $frontpage_id);?></h3>
<div class="address">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<?php the_field("address_area", $frontpage_id);?>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
<?php the_field("maintenance_area", $frontpage_id);?>
</div>
</div>
</div>
</div>
<iframe src="<?php the_field("map", $frontpage_id);?>" width="100%" height="270" frameborder="0" allowfullscreen></iframe>
</section>
<section class="cutomer-reviews bg-white">
<div class="container">
<?php the_field("learn_people", $frontpage_id);?>
<div class="owl-carousel owl-theme own-carousel">
<?php
$args_test = array( 'post_type' => 'testimonial', 'orderby' => 'date', 'order' => 'DESC', 'posts_per_page' => -1 );
$query_test = new WP_Query( $args_test );
while($query_test->have_posts()) : $query_test->the_post();
//$postid = get_the_ID();
//$image_thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $postid ) );
$star = get_field('star_numbers');
?>
<div class="item">
<ul class="clearfix">
<?php if($star==1){?>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<?php } if($star==2){?>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<?php } if($star==3){?>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<?php } if($star==4){?>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
<?php } if($star==5){?>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<?php } ?>
</ul>
<p><?php the_content();?></p>
<strong><?php the_title();?><br><span><?php the_time( 'M j, Y' ); ?></span></strong>
</div>
<?php endwhile;?>
</div>
</div>
</section>
<?php
get_footer();