<?php
if (empty($categoryid)) {
    $modelscarargs = array(
        'post_type' => 'ombremodels',
        'posts_per_page' => $max
    );
}
else {
    $modelscarcatid_array = explode(',', $categoryid);
    $modelscarargs = array(
        'post_type' => 'ombremodels',
        'posts_per_page' => $max,
        'tax_query' => array(
            array(
                'taxonomy' => 'ombremodelcats',
                'terms'    => $modelscarcatid_array,
            ),
        )
    );
}
$wp_query = new WP_Query( $modelscarargs );
$random = rand();
if (is_rtl()) { 
    $array_rev = array_reverse($wp_query->posts);
    $wp_query->posts = $array_rev;
}
?>

<div id="models<?php echo esc_attr($random); ?>" class="owl-carousel">
<?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
    <?php $modelexcerpt = get_post_meta( get_the_id(), 'ombremodelexcerpt', true ); ?>
    <figure class="ombre-carousel">
        <?php if ( has_post_thumbnail() ) { ?>
        <?php 
$thumb_id = get_post_thumbnail_id();
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'ombre-square', true);
$thumb_url = $thumb_url_array[0];  
        ?>
        <a class="o-gallery link" href="<?php the_permalink(); ?>">
            <img src="<?php echo esc_url($thumb_url); ?>" alt="<?php the_title(); ?>" />
        </a>
        <?php } ?>
        <!-- POST CONTENT -->
        <figcaption>
                <h5>
                    <a href="<?php the_permalink(); ?>">
                        <?php the_title(); ?>
                    </a>
                </h5>
                <?php if (!empty($modelexcerpt)) { ?>
                <p><?php echo esc_attr($modelexcerpt) ?></p>
                <?php } ?>
            <a class="arrow-button" href="<?php the_permalink(); ?>"><?php echo esc_attr__( 'View Profile', 'ombre'); ?></a>
        </figcaption>
    </figure>
<?php endwhile; ?>    
</div>
<div class="clear"></div>
<script type="text/javascript">
    jQuery(window).on('load', function () {
        "use strict";
        jQuery("#models<?php echo esc_attr($random); ?>").owlCarousel({
            items: 1,
            margin: 30,
            dots: false,
            lazyLoad: true,
            <?php if (is_rtl()) { echo esc_js("rtl:true,"); } ?>
            autoplay: <?php echo esc_js($autoplay); ?>,
            autoplayTimeout: <?php echo esc_js($duration); ?>000,
            autoplayHoverPause: true,
            <?php if (($columns != '4') && ($columns != '3') && ($columns != '2')) { ?>
            autoHeight: true,
            <?php } ?>
            smartSpeed: 800,
            navText: [' ', ' '],
            nav: true,
            loop: <?php if ($autoplay == 'true') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
            navRewind: <?php if ($autoplay == 'true') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
            <?php if ($columns == '4') { ?>
            responsive: {
                481: {
                    items: 1
                },
                641: {
                    items: 2
                },
                1025: {
                    items: 4
                }
            }
            <?php } ?>
            <?php if ($columns == '3') { ?>
            responsive: {
                481: {
                    items: 1
                },
                641: {
                    items: 2
                },
                1025: {
                    items: 3
                }
            }
            <?php } ?>
            <?php if ($columns == '2') { ?>
            responsive: {
                641: {
                    items: 1
                },
                1025: {
                    items: 2
                }
            }
            <?php } ?>
            });
        });
    </script>
<?php wp_reset_postdata(); ?>