<?php
//Template Name: Article slider slick
get_header();
?>
	<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<?php
$featured_posts = get_field('article'); 

if( $featured_posts ){
	echo '
	<div class="slider__container">
		<div class="container">
			<a id="prevSlide">
				<span class="arrow arrow-left arrow-big"></span>
			</a>
			<div class="trust-slider-container">';
			echo '<ul id="index-trust-slider" class="slider index-trust-slider">';
				foreach( $featured_posts as $post ){
					echo '<li>';
						setup_postdata($post); 
						$post_link = get_permalink();
						$post_tags = get_the_tags();
						$post_title = get_the_title();
						$post_thumb = get_the_post_thumbnail( $post->ID, 'full');
						$post_views =  do_shortcode('[epvc_views]');
						echo ' <a href=" ' . $post_link . ' "> ';
							echo'
								<div class="slider-img__container">
									' . $post_thumb . '
								</div>
							';
							echo '<div class="slider-details">';
								if (!empty($post_tags)) {
									echo '<div class="article-card-tags">';
									foreach ($post_tags as $tag) {
										echo '<span class="article-card-tag ' .  $tag->slug . '__tag"># '. $tag->name .' </span>';
									}
									echo '</div>';
								}
								echo '<p class="slider-header">'. $post_title .'</p>';
								echo '
									<div class="article-card-details">
										<div class="readingnow-post_avatar">
											<img src="' . get_avatar_url(get_the_author_meta('ID')) . '" alt="">
										</div>
										<div class="article-card-author">' . get_the_author($post) . '</div>
										<div class="article-card-date">' . get_the_date('d.m.Y', $post) . '</div>
										<div class="spacer"></div> '. $post_views . '
									</div>';
							echo '</div>';
						echo '</a>';
					echo '</li>';
				}
			echo '</ul>';
		echo '</div>';
		echo '
			<a id="nextSlide">
				<span class="arrow arrow-big"></span>
			</a>
		';
	wp_reset_postdata();
	echo('</div>');
	echo('</div>');
}
?><?php
$featured_posts = get_field('article', 'option'); 

if( $featured_posts ){
	echo '
	<div class="slider__container">
		<div class="container">
			<a id="prevSlide">
				<span class="arrow arrow-left arrow-big"></span>
			</a>
			<div class="trust-slider-container">';
			echo '<ul id="index-trust-slider" class="slider index-trust-slider">';
				foreach( $featured_posts as $post ){
					echo '<li>';
						setup_postdata($post); 
						$post_link = get_permalink();
						$post_tags = get_the_tags();
						$post_title = get_the_title();
						$post_thumb = get_the_post_thumbnail( $post->ID, 'full');
						$post_views =  do_shortcode('[epvc_views]');
						echo ' <a href=" ' . $post_link . ' "> ';
							echo'
								<div class="slider-img__container">
									' . $post_thumb . '
								</div>
							';
							echo '<div class="slider-details">';
								if (!empty($post_tags)) {
									echo '<div class="article-card-tags">';
									foreach ($post_tags as $tag) {
										echo '<span class="article-card-tag ' .  $tag->slug . '__tag"># '. $tag->name .' </span>';
									}
									echo '</div>';
								}
								echo '<p class="slider-header">'. $post_title .'</p>';
								echo '
									<div class="article-card-details">
										<div class="readingnow-post_avatar">
											<img src="' . get_avatar_url(get_the_author_meta('ID')) . '" alt="">
										</div>
										<div class="article-card-author">' . get_the_author($post) . '</div>
										<div class="article-card-date">' . get_the_date('d.m.Y', $post) . '</div>
										<div class="spacer"></div> '. $post_views . '
									</div>';
							echo '</div>';
						echo '</a>';
					echo '</li>';
				}
			echo '</ul>';
		echo '</div>';
		echo '
			<a id="nextSlide">
				<span class="arrow arrow-big"></span>
			</a>
		';
	wp_reset_postdata();
	echo('</div>');
	echo('</div>');
}
?>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<?php
get_footer();
?>