<?php
$autoplay = esc_attr(get_option('ombre_partnersautoplay'));
$duration = esc_attr(get_option('ombre_partnersduration'));
$max = esc_attr(get_option('ombre_partnersmax'));
$columns = esc_attr(get_option('ombre_partnerscolumns'));

if (empty($autoplay)) {
    $autoplay = 'true';
}
if (empty($duration)) {
    $duration = 4;
}
if (empty($max)) {
    $max = 99;
}
if (empty($columns)) {
    $columns = 4;
}

$wp_query = new WP_Query(
    array('post_type' => 'ombrepartners','posts_per_page' => $max) 
);

if (is_rtl()) { 
    $array_rev = array_reverse($wp_query->posts);
    $wp_query->posts = $array_rev;
}

$random = rand();

?>
<div id="partners<?php echo esc_attr($random); ?>" class="owl-carousel o-partners">
<?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
    <?php $logo = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_id() ), 'full' ) ?>
    <?php $logolink = get_post_meta( get_the_id(), 'ombrepartnerlink', true ); ?>
    <?php $newtab = get_post_meta( get_the_id(), 'ombrepartnerblank', true ); ?>
    <?php if ( has_post_thumbnail() ) { ?>
    <div class="ombre-carousel">
        <?php if (!empty($logolink)) { ?>
        <a href="<?php echo esc_attr($logolink) ?>" <?php if($newtab == "on") { ?> target="_blank" <?php } ?>>
        <?php } ?>
            <img src="<?php echo esc_url($logo['0']); ?>" alt="" />
        <?php if (!empty($logolink)) { ?>    
        </a>
        <?php } ?>
    </div>
    <?php } ?>
<?php endwhile; ?>    
</div>
<script type="text/javascript">
    jQuery(window).on('load', function () {
        "use strict";
        jQuery("#partners<?php echo esc_attr($random); ?>").owlCarousel({
            <?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 } ?>
            items: 1,
            margin: 20,
            dots: false,
            lazyLoad: true,
            <?php if (is_rtl()) { echo esc_js("rtl:true,"); } ?>
            smartSpeed: 800,
            navText: ['', ''],
            nav: false,
            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: {
                341: {
                    items: 2
                },
                641: {
                    items: 3
                },
                1025: {
                    items: 4
                }
            }
            <?php } ?>
            <?php if ($columns == '3') { ?>
            responsive: {
                341: {
                    items: 2
                },
                641: {
                    items: 3
                },
                1025: {
                    items: 3
                }
            }
            <?php } ?>
            <?php if ($columns == '2') { ?>
            responsive: {
                341: {
                    items: 1
                },
                641: {
                    items: 2
                },
                1025: {
                    items: 2
                }
            }
            <?php } ?>
        });
    });
</script>
<?php wp_reset_query(); ?>