pods thumbnail

<?php get_header();
$sliderPods = pods('slide');
$sliderPods->find('name ASC');
$vehiclepods = pods('vehicle');
$vehiclepods->find($params = null, $limit = 100, $where = null, $sql = null );
$percentage = 0;

?>
<section class="cover height-80 imagebg text-center slider slider--ken-burns" data-arrows="true" data-paging="true" autoplay="true">
    <ul class="slides">
        <?php while ( $sliderPods->fetch() ) : ?>

            <li class="imagebg" data-overlay="4">
                <div class="background-image-holder">
                    <img alt="background" src="<?php echo $sliderPods->field('image')['guid']?>" />
                </div>
                <div class="container pos-vertical-center">
                    <div class="row">
                        <div class="col-sm-12">
                            <span class="h1 inline-block wow lightSpeedIn" data-wow-delay="0.5s"><?php echo $sliderPods->field('header');?></span>
                            <br>
                            <?php if($sliderPods->field('text') != "") { ?>
                            <span class="h3 inline-block wow fadeIn" data-wow-delay="1.5s"><?php echo $sliderPods->field('text'); ?></span>
                            <?php } ?>
                        </div>
                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
            </li>
        <?php endwhile;
        ?>
    </ul>
</section>
<section id="available" class="space--sm">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">

                <div class="text-center">
                    <div class="container">
                            <div class="col-sm-24 col-md-12">
                                <h2 id="carsforsale" class="wow fadeInDown" data-wow-delay="0.9s">Cars for sale</h2>
                            </div>
                        <!--end of row-->
                    </div>
                    <!--end of container-->
                </div>
                <div class="masonry masonry--tiles">
                    <div class="masonry-filter-container center">
                        <span>Makes: </span>
                        <div class="masonry-filter-holder">
                            <div class="masonry__filters" data-filter-all-text="All Available"><ul><li id="masonryFilter" class="active" data-masonry-filter="*">All Makes</li> </ul></div>
                        </div>

                    </div>

                    <div class="row">
                        <div class="masonry__container masonry--active">
                            <!--end item-->
                            <?php while ( $vehiclepods->fetch() ) :
                                if(!$vehiclepods->field('sold')) {
                                    ?>
                                    <div class="masonry__item col-sm-6 col-md-3 filter-creative" data-masonry-filter="<?php echo $vehiclepods->field('make');?>">
                                        <div class="product text-center">
                                            <a href="<?php echo $vehiclepods->display('permalink')?>">
                                              <img id="product_thumb" class="border--round" alt="Image" src="<?php echo $vehiclepods->field('featured_image')['guid']; ?>">

                                            </a>
                                            <a class="block" href="<?php echo $vehiclepods->display('permalink')?>">
                                                <div>
                                                    <h5><?php echo $vehiclepods->field('year');?> <?php echo $vehiclepods->field('make')?> <?php echo $vehiclepods->field('model'); ?></h5>
                                                </div>
                                                <div>
                                                    <?php if(($vehiclepods->field('price') != '') && ($vehiclepods->field('price') != '0.00')) { ?>
<span class="h4 inline-block">£<?php echo number_format( $vehiclepods->field('price'), 0); ?></span>
                                                        <?php } else { ?>
                                                            <span class="h4 inline-block">POA</span>
                                                        <?php } ?>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                <?php } endwhile; ?>
                        </div>
                        <!--end masonry container-->
                    </div>
                    <!--end of row-->
                </div>
                <!--end masonry-->
            </div>
        </div>
        <!--end of row-->
    </div>
    <!--end of container-->
</section>
<?php get_footer(); ?>