<?php
$args = array(
    'post_type' => 'ombreslider',
    'posts_per_page'  => 99
);

$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) {
?>

<div id="slider-container">
    <div id="home-slider">
        <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
        <?php $subtitle = get_post_meta( get_the_id(), 'ombre_subtitle_key', true ); ?>
        <?php $sliderposition = get_post_meta( get_the_id(), 'ombresliderposition', true ); ?>
        <?php $imageurl = get_post_meta( get_the_id(), 'ombresliderimg', true ); ?>
        <?php $slideranimation = get_post_meta( get_the_id(), 'ombreslideranimation', true ); ?>
        <?php $sliderurl = get_post_meta( get_the_id(), 'ombresliderurl', true ); ?>
        <?php $slidernewtab = get_post_meta( get_the_id(), 'ombreslidernewtab', true ); ?>
        <?php
    if ($slideranimation == 'zoom') {
        $dataanimation = 'image-zoom';
    }
    elseif ($slideranimation == 'zoomleft') {
        $dataanimation = 'image-zoom scale-left';
    }
    elseif ($slideranimation == 'zoomright') {
        $dataanimation = 'image-zoom scale-right';
    }
    elseif ($slideranimation == 'zoomup') {
        $dataanimation = 'image-zoom scale-up';
    }
    elseif ($slideranimation == 'zoomdown') {
        $dataanimation = 'image-zoom scale-down';
    }
    else {
        $dataanimation = '';
    }
    if (($sliderposition == 'top-left') || ($sliderposition == 'bottom-left')) {
        $textanimation = 'slideInLeft';
    }
    elseif (($sliderposition == 'top-right') || ($sliderposition == 'bottom-right')) {
        $textanimation = 'slideInRight';
    }
        ?>
        <div>
            <img src="<?php echo esc_attr($imageurl); ?>" data-animation="<?php echo esc_attr($dataanimation); ?>" alt="<?php the_title(); ?>">
            <?php if(!empty($sliderurl)) { ?>
            <a href="<?php echo esc_url($sliderurl); ?>" <?php if($slidernewtab == 'on') { ?>target="_blank"<?php } ?>>
            <?php } ?>
            <?php if (get_the_title()) { ?>
            <div class="ns_slideContent">
                <div class="<?php echo esc_attr($sliderposition); ?>">
                    <h1 class="animatedmedium <?php echo esc_attr($textanimation); ?>"><?php the_title(); ?></h1>
                    <?php if (!empty($subtitle)) { ?>
                    <p class="animated <?php echo esc_attr($textanimation); ?>"><span><?php echo esc_attr($subtitle); ?></span></p>
                    <?php } ?>
                </div>
            </div>
            <?php } ?>
          <?php if(!empty($sliderurl)) { ?>
                </a>
            <?php } ?>  
        </div>
        <?php endwhile; ?>
    </div>
</div>
<?php } wp_reset_postdata(); ?>
<?php add_action( 'wp_footer', 'ombre_slider_script' ); ?>