<?php global $sliderstyle; ?>
<?php $activateauto = get_post_meta( get_the_id(), 'ombrem_activateauto', true ); ?>
<?php $activatecolorbox = get_post_meta( get_the_id(), 'ombrem_activatecolorbox', true ); ?>
<?php $autoplaypause = get_post_meta( get_the_id(), 'ombrem_autoplaypause', true ); ?>
<?php $modelimages = get_post_meta( get_the_id(), 'ombremodelimages', true ); ?>

<?php if (!empty($modelimages)) { ?>
<div id="<?php echo esc_attr($sliderstyle); ?>" class="owl-carousel grid-carousel">
<?php foreach ($modelimages as $image => $link) { ?>
<?php 
    $fullimage = wp_get_attachment_image_src( $image, 'full' );
    if ($sliderstyle == 'model-gallery') {   
        $imageurl = wp_get_attachment_image_src( $image, 'full' );
    }
    else {
        $imageurl = wp_get_attachment_image_src( $image, 'large' );
    }   
    $attachment = get_post($image);
?>    
    <div class="ombre-carousel">
        <?php if ($activatecolorbox == 'on') { ?>
        <a href="<?php echo esc_url($fullimage['0']); ?>" class="o-gallery photo" data-title="<?php echo esc_attr($attachment->post_excerpt); ?>">
        <?php } ?>    
            <img src="<?php echo esc_url($imageurl['0']); ?>" alt="">
            <?php if ($activatecolorbox == 'on') { ?>
        </a>
        <?php } ?>
    </div>
<?php } ?>    
</div>
<script type="text/javascript">
    jQuery("#<?php echo esc_js($sliderstyle); ?>").css('opacity', 0);
    jQuery(window).on('load', function () {
        jQuery("#<?php echo esc_js($sliderstyle); ?>").owlCarousel({
            <?php if (is_rtl()) { echo esc_js("rtl:true,"); } ?>
            items: 1,
            autoplay: <?php if ($activateauto == 'on') { echo esc_js('true'); } else { echo esc_js('false'); } ?>,
            autoplayTimeout: <?php if(!empty($autoplaypause)) { echo esc_js($autoplaypause); } else { echo esc_js('4'); } ?>000,
            autoplayHoverPause: true,
            dots: true,
            autoHeight: true,
            <?php if (!is_rtl()) { ?>
            margin: 100,
            <?php } else { ?>
            margin: 0,
            <?php } ?>
            mouseDrag: false,
            smartSpeed: 800,
            navText: ['', ''],
            nav: false,
            loop: true,
            lazyLoad: false<?php if (!is_rtl()) { ?>,
            animateIn: 'zoomIn',
            animateOut: 'zoomOut'
            <?php } ?>
        });
        jQuery("#<?php echo esc_js($sliderstyle); ?>").css('opacity', 1);
    });
    jQuery(document).ready(function () {
        jQuery("#<?php echo esc_js($sliderstyle); ?> a").colorbox({
            rel: 'photo-gallery',
            title: function () {
                return jQuery(this).data('title');
            },
            maxWidth: '100%',
            maxHeight: '100%'
        });
    });
    </script>
<?php } ?>