$my_query = new WP_Query($args);
$count = 0;
if($filters):
$ordered_posts = array();
while($my_query->have_posts()):
$count++;
$my_query->the_post();
$postparent = wp_get_post_parent_id(get_the_ID());
$ownpostid = get_the_ID();
if (!$postparent) {
continue;
}
$ordered_posts[$postparent][$ownpostid] = $post;
endwhile;
wp_reset_query();
foreach ($ordered_posts as $ordered_post => $ordered_title) {
$url = wp_get_attachment_url( get_post_thumbnail_id($ordered_post) );
$status = get_field('status',$ordered_post);
if($status):
$term_name = $status[0]->name;
$term_id = $status[0]->term_id;
$desc = $status[0]->description;
$tax = $status[0]->taxonomy;
$kleur = get_field('kleur',$tax.'_'.$term_id);
endif;
$labeltonen = get_field('label_tonen',$ordered_post);
$labelpositie = get_field('label_positie',$ordered_post);
$labelbg = get_field('label_achtergrond_kleur',$ordered_post);
$labelkleur = get_field('label_tekst_kleur',$ordered_post);
$labeltekst = get_field('label_tekst',$ordered_post);
$soortlabel = get_field('soort_label',$ordered_post);
?>
<div class="col-12 rs">
<div class="row">
<div class="col-12 col-md-5 rs nmrgnbtm">
<a href="<?php echo get_the_permalink($ordered_post); ?>" class="rslnk">
<div class="bgimg" style="background-image: url('<?php echo $url; ?>'); background-size: cover; background-position: center center;">
<div class="ovrly"></div>
<?php if($labeltonen && $labelpositie == 'boven'): ?>
<span class="bvn" style="color: <?php echo $labelkleur; ?>; background: <?php echo $labelbg; ?>;"><?php echo $labeltekst; ?></span>
<?php endif; ?>
<?php if($labeltonen && $soortlabel == 'tip'): ?>
<img src="/wp-content/themes/puravida/assets/img/tip.png" class="tp" at="Pura Vida TIP"/>
<?php elseif($labeltonen && $soortlabel == 'meestgeboekt'): ?>
<img src="/wp-content/themes/puravida/assets/img/meestgeboekt.png" class="tp" at="Meest geboekt bij Pura Vida Travekl"/>
<?php endif; ?>
<div class="txt">
<?php if($labeltonen && $labelpositie == 'titel'): ?>
<span class="ttllbl" style="color: <?php echo $labelkleur; ?>; background: <?php echo $labelbg; ?>;"><?php echo $labeltekst; ?></span>
<?php endif; ?>
<h3><?php echo get_the_title($ordered_post); ?></h3>
<p><?php the_field('korte_omschrijving',$ordered_post); ?></p>
</div>
</div>
</a>
</div>
<div class="col-12 col-md-7 dlts">
<div class="rsdtls">
<?php if($status): ?>
<div class="row ctns">
<div class="col-12">
<div class="stsblck">
<span style="color: <?php echo $kleur; ?>; border-color: <?php echo $kleur; ?>;"><a tabindex="0" class="popup <?php echo get_the_ID(); ?>" style="color: <?php echo $kleur; ?>;" data-toggle="popover" data-trigger="hover" data-placement="auto" data-html="true" title="<?php echo $term_name; ?>" data-content="<?php echo $desc; ?>"><?php echo $term_name; ?></a></span>
</div>
</div>
</div>
<?php endif; ?>
<div class="row rtngblck">
<?php $activiteitsniveau = get_field('activiteitsniveau',$ordered_post);
if($activiteitsniveau): ?>
<div class="col-6">
<?php if($activiteitsniveau->name == 1): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/>
</div>
<?php elseif($activiteitsniveau->name == 2): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/>
</div>
<?php elseif($activiteitsniveau->name == 3): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/>
</div>
<?php elseif($activiteitsniveau->name == 4): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur.png"/>
</div>
<?php elseif($activiteitsniveau->name == 5): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/> <img src="/wp-content/themes/puravida/assets/img/avontuur_active.png"/>
</div>
<?php endif;?>
<h3>Actie & avontuur</h3>
</div>
<?php endif; ?>
<?php $duurzaamheid = get_field('duurzaamheid',$ordered_post);
if($duurzaamheid): ?>
<div class="col-6">
<?php if($duurzaamheid->name == 1): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/>
</div>
<?php elseif($duurzaamheid->name == 2): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/>
</div>
<?php elseif($duurzaamheid->name == 3): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/>
</div>
<?php elseif($duurzaamheid->name == 4): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid.png"/>
</div>
<?php elseif($duurzaamheid->name == 5): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/> <img src="/wp-content/themes/puravida/assets/img/duurzaamheid_active.png"/>
</div>
<?php endif;?>
<h3>Duurzaamheid</h3>
</div>
<?php endif; ?>
<?php $lokale_interactie = get_field('lokale_interactie',$ordered_post);
if($lokale_interactie): ?>
<div class="col-6">
<?php if($lokale_interactie->name == 1): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/>
</div>
<?php elseif($lokale_interactie->name == 2): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/>
</div>
<?php elseif($lokale_interactie->name == 3): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/>
</div>
<?php elseif($lokale_interactie->name == 4): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie.png"/>
</div>
<?php elseif($lokale_interactie->name == 5): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/> <img src="/wp-content/themes/puravida/assets/img/lokale_interactie_active.png"/>
</div>
<?php endif;?>
<h3>Lokale interactie</h3>
</div>
<?php endif; ?>
<?php $ontspanning = get_field('ontspanning',$ordered_post);
if($ontspanning): ?>
<div class="col-6">
<?php if($ontspanning->name == 1): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/>
</div>
<?php elseif($ontspanning->name == 2): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/>
</div>
<?php elseif($ontspanning->name == 3): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/>
</div>
<?php elseif($ontspanning->name == 4): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning.png"/>
</div>
<?php elseif($ontspanning->name == 5): ?>
<div class="rtng">
<img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/> <img src="/wp-content/themes/puravida/assets/img/ontspanning_active.png"/>
</div>
<?php endif;?>
<h3>Ontspanning</h3>
</div>
<?php endif; ?>
</div>
<?php $leeftijdsgroepen = get_field('leeftijd',$ordered_post);
if( $leeftijdsgroepen ): $leeftijden = array(); foreach( $leeftijdsgroepen as $leeftijdsgroep ): $leeftijden[] = $leeftijdsgroep->name; ?><?php endforeach; ?>
<div class="lftdgrpn">
<img src="/wp-content/themes/puravida/assets/img/leeftijdsgroepen.png"/> <?php echo implode(', ', $leeftijden); ?>
</div>
<?php endif; ?>
<div class="row">
<div class="col-12 col-md-6" style="position: relative;">
<?php $reisstijl = get_field('reisstijl',$ordered_post);
if( $reisstijl ): $stijl = array(); foreach( $reisstijl as $reisstijl_s ): $stijl[] = $reisstijl_s->name; ?><?php endforeach; ?>
<div class="vertical-align">
<?php echo implode(', ', $stijl); ?>
</div>
<?php endif; ?>
</div>
<div class="col-12 col-md-6 cntr bkrs">
<a href="<?php echo get_the_permalink($ordered_post); ?>" class="rslnk btn">Boek deze rondreis</a>
</div>
</div>
</div>
</div>
<div class="col-12 sbrszn">
<div id="<?php echo $ordered_post; ?>">
<?php foreach ($ordered_title as $listing => $single_listing):
setup_postdata($ordered_title);?>
<div class="child <?php echo get_the_ID($listing); ?>">
<?php echo get_the_title($listing); ?>
</div>
<?php endforeach; wp_reset_postdata(); ?>
</div>
</div>
</div>
</div>
<?php } ?>
#bovenligend #groeperen #hoofdpost #parent #subposts