<?php $relatedmodelstitle = get_post_meta( get_the_id(), 'ombrerelatedmodelstitle', true ); ?>
<?php $relatedmodelscolumns = get_post_meta( get_the_id(), 'ombrerelatedmodelscolumns', true ); ?>
<?php $relatedmodelsmax = get_post_meta( get_the_id(), 'ombrerelatedmodelsmax', true ); ?>
<?php $relatedmodelscatid = get_post_meta( get_the_id(), 'ombrerelatedmodelscatid', true ); ?>
<?php $relatedmodelsauto = get_post_meta( get_the_id(), 'ombrerelatedmodelsauto', true ); ?>
<?php $relatedmodelspause = get_post_meta( get_the_id(), 'ombrerelatedmodelspause', true ); ?>
<?php $postnotin = array(get_the_id()); ?>
<?php
if (empty($relatedmodelscatid)) {
    $modelscarargs = array(
        'post_type' => 'ombremodels',
        'post__not_in' => $postnotin,
        'posts_per_page' => $relatedmodelsmax
    );
}
else {
    $modelscarargs = array(
        'post_type' => 'ombremodels',
        'post__not_in' => $postnotin,
        'posts_per_page' => $relatedmodelsmax,
        'tax_query' => array(
            array(
                'taxonomy' => 'ombremodelcats',
                'terms'    => $relatedmodelscatid,
            ),
        )
    );
}
$model_carousel_query = new WP_Query( $modelscarargs );
$random = rand();
if (is_rtl()) { 
    $array_rev = array_reverse($model_carousel_query->posts);
    $model_carousel_query->posts = $array_rev;
}
?>
<div class="grid-border"></div>
<div class="grid">
<div class="unit whole">
<?php if (!empty($relatedmodelstitle)) { ?>    
<h3 class="border"><?php echo esc_attr($relatedmodelstitle); ?></h3>
<?php } ?>    
<div id="models<?php echo esc_attr($random); ?>" class="owl-carousel">
<?php while($model_carousel_query->have_posts()) : $model_carousel_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 if ($relatedmodelsauto == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
            autoplayTimeout: <?php if(!empty($relatedmodelspause)) { echo esc_js($relatedmodelspause); } else { echo esc_js('4'); } ?>000,
            autoplayHoverPause: true,
            <?php if (($relatedmodelscolumns != '4') && ($relatedmodelscolumns != '3') && ($relatedmodelscolumns != '2')) { ?>
            autoHeight: true,
            <?php } ?>
            smartSpeed: 800,
            navText: [' ', ' '],
            nav: true,
            loop: <?php if ($relatedmodelsauto == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
            navRewind: <?php if ($relatedmodelsauto == 'true') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
            <?php if ($relatedmodelscolumns == '4') { ?>
            responsive: {
                481: {
                    items: 1
                },
                641: {
                    items: 2
                },
                1025: {
                    items: 4
                }
            }
            <?php } ?>
            <?php if ($relatedmodelscolumns == '3') { ?>
            responsive: {
                481: {
                    items: 1
                },
                641: {
                    items: 2
                },
                1025: {
                    items: 3
                }
            }
            <?php } ?>
            <?php if ($relatedmodelscolumns == '2') { ?>
            responsive: {
                641: {
                    items: 1
                },
                1025: {
                    items: 2
                }
            }
            <?php } ?>
            });
        });
    </script>
<?php wp_reset_postdata(); ?>
</div>
</div>