<?php
$wp_query = new WP_Query( 
    array('post_type' => 'ombreteam','posts_per_page' => $max) 
);

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

<div id="ourteam<?php echo esc_attr($random); ?>" class="owl-carousel">
<?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
    <?php $teaminfo = get_post_meta( get_the_id(), 'ombreteaminfo', true ); ?>
    <?php $teamlink = get_post_meta( get_the_id(), 'ombreteamlink', true ); ?>
    <?php $teamtarget = get_post_meta( get_the_id(), 'ombreteamtarget', true ); ?>
    <?php $enableicons = get_post_meta( get_the_id(), 'ombredisableteamicons', true ); ?>
    <?php $ombrerepeatteam = get_post_meta( get_the_id(), 'ombrerepeatteam', 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];  
        ?>
        <?php if (!empty($teamlink)) { ?>
        <a class="o-gallery link" href="<?php echo esc_attr($teamlink) ?>" <?php if($teamtarget == "on") { ?>target="_blank"<?php } ?>>
        <?php } ?>
            <img src="<?php echo esc_url($thumb_url); ?>" alt="<?php the_title(); ?>" />
        <?php if (!empty($teamlink)) { ?>    
        </a>
        <?php } ?>
        <?php } ?>
        <!-- POST CONTENT -->
        <figcaption>
                <h5>
                    <?php if (!empty($teamlink)) { ?>
                    <a href="<?php echo esc_attr($teamlink) ?>">
                    <?php } ?>
                        <?php the_title(); ?>
                    <?php if (!empty($teamlink)) { ?>    
                    </a>
                    <?php } ?>
                </h5>
                <?php if (!empty($teaminfo)) { ?>
                <p><?php echo esc_attr($teaminfo) ?></p>
                <?php } ?>
                <?php if($enableicons == "on") { ?>  
            <div class="social-icons-box">
                <ul class="social-icons team-social">
                    <?php
    foreach ( (array) $ombrerepeatteam as $key => $entry ) {

    $title = $link = $iconcustom = $iconurl = '';
        
    if ( isset( $entry['ombreteamicontitle'] ) ) {
        $title = $entry['ombreteamicontitle'];
    }    

    if ( isset( $entry['ombreteamiconlink'] ) ) {
        $link = $entry['ombreteamiconlink'];
    }

    if ( isset( $entry['ombreteamiconcustom'] ) ) {            
        $iconcustom = $entry['ombreteamiconcustom'];
    }
    
    if ( isset( $entry['ombreteamiconurl'] ) ) {
        $iconurl = $entry['ombreteamiconurl'];
    } ?>
    
    <li>
        <a href="<?php echo esc_url($iconurl); ?>" class="fa fa-<?php if (empty($iconcustom)) { echo esc_attr($link); } else { echo esc_attr($iconcustom); } ?><?php if (!empty($title)) { ?> tooltip-pink<?php } ?>" <?php if (!empty($title)) { ?>title="<?php echo esc_attr($title); ?>"<?php } ?>><?php echo esc_attr($title); ?></a>
    </li>
    <?php } ?>
                </ul>
            </div>
                <?php } ?>
        </figcaption>
    </figure>
<?php endwhile; ?>    
</div>
<div class="clear"></div>
<script type="text/javascript">
    jQuery(window).on('load', function () {
        "use strict";
        jQuery("#ourteam<?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(); ?>