<!-- Carousel -->
<div id="promo-carousel" class="carousel job-carousel-wrapper slide" data-ride="carousel" data-interval="3000">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<?php
// Item size (set here the number of posts for each group)
$i = 4;
// Set the arguments for the query
global $post;
$args = array(
'numberposts' => 16, // -1 is for all
'post_type' => 'munkak', // or 'post', 'page'
'orderby' => 'title', // or 'date', 'rand'
'order' => 'ASC', // or 'DESC'
);
// Get the posts
$myposts = get_posts($args);
// If there are posts
if($myposts):
// Groups the posts in groups of $i
$chunks = array_chunk($myposts, $i);
$html = "";
/*
* Item
* For each group (chunk) it generates an item
*/
foreach($chunks as $chunk):
// Sets as 'active' the first item
($chunk === reset($chunks)) ? $active = "active" : $active = "";
$html .= '<div class="carousel-item '.$active.'"><div class="container"><div class="row">';
/*
* Posts inside the current Item
* For each item it generates the posts HTML
*/
foreach($chunk as $post):
include('variables.php');
$html .= '<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">';
$html .= '<a class="cat-link" href="'.get_the_permalink().'">';
$html .= get_the_post_thumbnail();
$html .= '<h4>'.get_the_title($post->ID).'</h4>';
$html .= '<ul>';
$html .= '<li>'.$orszag.'</li>';
$html .= '<li>'.get_field("munkaber").'</li>';
$html .= '</ul>';
$html .= '</a>';
$html .= '</div>';
endforeach;
$html .= '</div></div></div>';
endforeach;
// Prints the HTML
echo $html;
endif;
?>
</div> <!-- carousel inner -->
<!-- Controls -->
<div class="job-carousel carousel-control-wrapper">
<a class="carousel-control-prev" data-target="#promo-carousel" role="button" data-slide="prev">
<i class="fas fa-chevron-left"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" data-target="#promo-carousel" role="button" data-slide="next">
<i class="fas fa-chevron-right"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div> <!-- /carousel -->