HOME

<?php
/**
 * Slider Style 2
 *
 * @package magplus
 * @since 1.0
 */
?>

<?php
  wp_enqueue_script('swiper');
  wp_enqueue_style('swiper');

  $posts_per_page = magplus_get_opt('slider-posts-per-page');
  $slider_top_margin = magplus_get_opt('slider-margin-top');
  $slider_order      = magplus_get_opt('slider-post-order');
  $slider_orderby    = magplus_get_opt('slider-post-orderby');
  $slider_style      = (!empty($slider_top_margin)) ? ' style="padding-top:'.esc_attr($slider_top_margin).'px;"':'';
  $args = array(
    'orderby'        => $slider_orderby,
    'order'          => $slider_order,
    'posts_per_page' => $posts_per_page,
    'meta_query'     => array(array('key' => '_thumbnail_id')),
  );


  $categories = magplus_get_opt('slider-category');
  if (is_array($categories)) {
    $args['category__in'] =  $categories;
  }

  $the_query = new WP_Query(apply_filters('magplus_block_query_args', $args, 'slider'));

?>

<div class="container tt-mag-slider"<?php echo wp_kses_data($slider_style); ?>>
  <div class="row">
    <div class="col-md-12">
      <div class="slider-style4 tt-slider-custom-marg full-width">
        <!-- <div class="row row-14"> -->


          <!-- <div class="col-lg-8"> -->

            <?php 
              $i = 0; 
              while ($the_query -> have_posts()) : $the_query -> the_post();
              $image_src       = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');
              $image_src       = (!empty($image_src) && is_array($image_src)) ? $image_src[0]:''; 
              $class           = ($i == 0) ? 'big':'small';
              $heading_class   = ($i == 0) ? 'c-h1':'c-h3';
              $gradient_enable = magplus_get_post_opt('post-enable-custom-overlay');
              $color_first     = magplus_get_post_opt('post-overlay-first-color');
              $color_second    = magplus_get_post_opt('post-overlay-second-color');
              
              $gradient_style = ($gradient_enable && !empty($color_first) || !empty($color_second)) ? ' style="background: -webkit-linear-gradient(bottom, '. $color_first .', '. $color_second .' );background: linear-gradient(to bottom, '. $color_first .', '. $color_second .' );"':'';  
            ?>
            <div class="slider-style4-frame">
              <div class="tt-mslide type-2 custom-hover-image <?php echo esc_attr($class); ?> style-2">


                <div class="tt-mslide-image bg tt-mslide type-2 style-2" style="background-image:url(<?php echo esc_url($image_src); ?>);">
                  <a class="tt-mslide-link" href="<?php echo esc_url(get_the_permalink()); ?>"></a>
                  <div class="tt-mslide-gradient" <?php echo wp_kses_post($gradient_style); ?>></div>
                
                </div>

                  <div class="tt-mslide-table">
                    <div class="tt-mslide-cell">
                      <div class="tt-mslide-block">
                        <div class="tt-mslide-cat">
                          <?php 
                            $category = get_the_category(); 
                            if(is_array($category) && !empty($category)):
                              foreach($category as $cat): ?>
                                <a class="c-btn type-3 color-2 tt-mslide-cat" href="<?php echo esc_url(get_category_link($cat->term_id)); ?>"><?php echo esc_html($cat->cat_name); ?></a>
                             <?php 
                              endforeach;
                            endif;
                          ?>
                        </div>            
                        <h2 class="tt-mslide-title <?php echo esc_attr($heading_class); ?>"><?php the_title(); ?></h2>
                        <div class="tt-mslide-label">
                          <span class="tt-mslide-author"><a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' )); ?>"><?php echo get_the_author(); ?></a></span>
                          <span class="tt-mslide-date"><?php echo magplus_slider_time_format(); ?></span>
                        </div>

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

                
                
              </div>
            </div>

            <?php $i++; endwhile; wp_reset_postdata(); ?>
            <div class="empty-space marg-md-b10"></div>                      
        <!-- </div> -->
      </div>
    </div>
  </div>
</div>