<?php
/**
 * Template name: Home page
 *
 *
 * @package Credit Repair II
 */

get_header(); ?>

<section id="slider-inner">
	<?php 
       $slider_id = get_option_tree( 'slider_for_home'); 
       echo do_shortcode( "[metaslider id=" . $slider_id ."]" );
      ?>
</section>

<?php $icon_section_one = get_option_tree( 'home-section-one');
  if($icon_section_one == 'on') : ?>
<section id="icons-box">
	<div class="container">
		<div class="row">
			<figure class="col-sm-3 text-center">
				<img src="<?php get_option_tree( 'icon_name_1', '', 'true' ); ?>" class="wow flip img-thumbnail img-circle" data-wow-duration="2s" alt="">
				<h3><?php get_option_tree( 'icon_title_1', '', 'true' ); ?></h3>
			   <figcaption class="wow fadeIn" data-wow-delay="1s"><?php get_option_tree( 'icon_text_1', '', 'true' ); ?></figcaption>
			</figure>
			<figure class="col-sm-3 text-center">
				<img src="<?php get_option_tree( 'icon_name_2', '', 'true' ); ?>" class="wow flip img-thumbnail img-circle" data-wow-duration="2s" alt="">
				<h3><?php get_option_tree( 'icon_title_2', '', 'true' ); ?></h3>
			   <figcaption class="wow fadeIn" data-wow-delay="1s"><?php get_option_tree( 'icon_text_2', '', 'true' ); ?></figcaption>
			</figure>
			<figure class="col-sm-3 text-center">
				<img src="<?php get_option_tree( 'icon_name_3', '', 'true' ); ?>" class="wow flip img-thumbnail img-circle" data-wow-duration="2s" alt="">
				<h3><?php get_option_tree( 'icon_title_3', '', 'true' ); ?></h3>
			   <figcaption class="wow fadeIn" data-wow-delay="1s"><?php get_option_tree( 'icon_text_3', '', 'true' ); ?></figcaption>
			</figure>
			<figure class="col-sm-3 text-center">
				<img src="<?php get_option_tree( 'icon_name_4', '', 'true' ); ?>" class="wow flip img-thumbnail img-circle" data-wow-duration="2s" alt="">
				<h3><?php get_option_tree( 'icon_title_4', '', 'true' ); ?></h3>
			   <figcaption class="wow fadeIn" data-wow-delay="1s"><?php get_option_tree( 'icon_text_4', '', 'true' ); ?></figcaption>
			</figure>
		</div>
	</div>
</section>
<?php endif; ?>

<section id="content-area">
	<div class="container">
		<div class="row text-center">
			<?php while ( have_posts() ) : the_post(); ?>
			<div class="image-box col-sm-12 wow bounceInUp" data-wow-duration="2s">
				<?php
				   // Standard content part
					$thumb_id = get_post_thumbnail_id();
					$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'secondary-image', true);
					$thumb_url = $thumb_url_array[0];
				 ?>
				<img src="<?php echo $thumb_url; ?>" class="img-thumbnail img-circle" alt="">
			</div>
			<article class="col-md-10 col-md-offset-1">
				<main id="main" class="site-main" role="main">

					   <?php the_content(); ?>

                </main><!-- #main -->
			</article>
			<?php endwhile; // end of the loop. ?>
		</div>
	</div>
</section>

<?php $icon_section_two = get_option_tree( 'home-section-two');
  if($icon_section_two == 'on') : ?>
<section id="icon-boxes-2">
	<div class="container">
		<div class="row">
			<div class="col-sm-6 text-right">
				<div class="row wow slideInLeft">
					<div class="col-sm-9"><?php get_option_tree( 'icon_text_block1', '', 'true' ); ?></div>
					<div class="col-sm-3"><i class="icon fa <?php get_option_tree( 'icon_name_block1', '', 'true' ); ?>"></i></div>
				</div>
				<div class="row wow slideInLeft">
					<div class="col-sm-9"><?php get_option_tree( 'icon_text_block2', '', 'true' ); ?></div>
					<div class="col-sm-3"><i class="icon fa <?php get_option_tree( 'icon_name_block2', '', 'true' ); ?>"></i></div>
				</div>
				<div class="row wow slideInLeft">
					<div class="col-sm-9"><?php get_option_tree( 'icon_text_block3', '', 'true' ); ?></div>
					<div class="col-sm-3"><i class="icon fa <?php get_option_tree( 'icon_name_block3', '', 'true' ); ?>"></i></div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="row wow slideInRight">
					<div class="col-sm-3"><i class="icon fa <?php get_option_tree( 'icon_name_block4', '', 'true' ); ?>"></i></div>
					<div class="col-sm-9"><?php get_option_tree( 'icon_text_block4', '', 'true' ); ?></div>
				</div>
				<div class="row wow slideInRight">
					<div class="col-sm-3"><i class="icon fa <?php get_option_tree( 'icon_name_block5', '', 'true' ); ?>"></i></div>
					<div class="col-sm-9"><?php get_option_tree( 'icon_text_block5', '', 'true' ); ?></div>
				</div>
				<div class="row wow slideInRight">
					<div class="col-sm-3"><i class="icon fa <?php get_option_tree( 'icon_name_block6', '', 'true' ); ?>"></i></div>
					<div class="col-sm-9"><?php get_option_tree( 'icon_text_block6', '', 'true' ); ?></div>
				</div>
			</div>
		</div>
	</div>
</section>
<?php endif; ?>


<section id="bolgs">
	<div class="container">
	<?php $icon_section_blog = get_option_tree( 'home-section-blog');
  if($icon_section_blog == 'on') : ?>
		<div class="blog-title text-center">
			<h2 class="wow rubberBand"><?php get_option_tree( 'home-blog-title', '', 'true' ); ?></h2>
		    <p><?php get_option_tree( 'home-blog-subtitle', '', 'true' ); ?></p>
		</div>
<?php 
     // WP_Query arguments
    $post_order_by = get_option_tree( 'home-blog-order-by');
    
    switch ($post_order_by) {
    	case 'menu_order':
    		$order_by = 'menu_order';
    		break;
    	
    	default:
    		$order_by = 'date';
    		break;
    }

    $post_order = get_option_tree( 'home-blog-order');
    
    switch ($post_order) {
    	case 'asc':
    		$order = 'ASC';
    		break;
    	
    	default:
    		$order = 'DESC';
    		break;
    }

	$args = array (
		'post_type'              => 'post',
		'post_status'            => 'publish',
		'posts_per_page'         => '3',
		'order'                  => $order,
		'orderby'                => $order_by,
	);

	// The Query
	$query = new WP_Query( $args );

	// The Loop
	if ( $query->have_posts() ) {
 ?>
		<div class="row">
			<?php 
			   while ( $query->have_posts() ) {
		       $query->the_post();
			 ?>
			<div class="col-sm-4 wow " data-wow-duration="2s">
				<?php
				   // Standard content part
					$thumb_id = get_post_thumbnail_id();
					$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'secondary-image', true);
					$thumb_url = $thumb_url_array[0];
				 ?>
				<img src="<?php echo $thumb_url; ?>" class="img-thumbnail">
				<h3><?php echo get_the_title(); ?></h3>
				<p><?php echo get_the_excerpt(); ?></p>
				<a href="<?php echo get_permalink(); ?>" class="btn btn-primary">Read more...</a>
			</div>
			<?php } ?>
		</div>
<?php 
     }
    // Restore original Post Data
    wp_reset_postdata();
?>
   <?php else: ?>
    <div class="row">
		<div class="col-sm-4 wow slideInLeft" data-wow-duration="2s">
			<?php $video1 = get_option_tree( 'home_video1');
			echo do_shortcode( $video1 ); 
			?>
		</div>
		<div class="col-sm-4 wow slideInUp" data-wow-duration="2s">
			<?php $video2 = get_option_tree( 'home_video2');
            echo do_shortcode( $video2 );
			 ?>
		</div>
		<div class="col-sm-4 wow slideInRight" data-wow-duration="2s">
			<?php $video3 = get_option_tree( 'home_video3');
			echo do_shortcode( $video3 );
			 ?>
		</div>
	</div>
   <?php endif; ?>
	</div>
</section>


<?php get_footer(); ?>