<?php
/**
 * The template for displaying slide.
 *
 * @package xts
 */

get_header();

global $post;

$slider_term      = wp_get_post_terms( $post->ID, 'woodmart_slider' );
$slider_id        = $slider_term ? $slider_term[0]->term_id : '';
$carousel_id      = 'slider-' . $slider_id;
$animation        = get_term_meta( $slider_id, 'animation', true );
$arrows_style     = get_term_meta( $slider_id, 'arrows_style', true );
$pagination_style = get_term_meta( $slider_id, 'pagination_style', true );

woodmart_enqueue_inline_style( 'slider' );
woodmart_enqueue_inline_style( 'animations' );
woodmart_enqueue_js_script( 'slider-element' );
woodmart_enqueue_js_script( 'animations' );
woodmart_enqueue_js_library( 'waypoints' );

if ( 'distortion' === $animation ) {
	woodmart_enqueue_inline_style( 'slider-anim-distortion' );
}

if ( '' === $pagination_style ) {
	$pagination_style = 1;
}

if ( '' === $arrows_style ) {
	$arrows_style = 1;
}

if ( $arrows_style ) {
	woodmart_enqueue_inline_style( 'slider-arrows' );
}

?>
<div class="container">
	<div class="row">
		<div class="site-content col-lg-12 col-12 col-md-12">
			<?php woodmart_get_slider_css( $slider_id, $carousel_id, array( $post ) ); ?>
			<div id="<?php echo esc_attr( $carousel_id ); ?>" class="wd-carousel-container<?php echo woodmart_get_slider_class( $slider_id ); ?>">
				<div class="wd-carousel-inner">
					<div class="wd-carousel wd-grid<?php echo woodmart_get_old_classes( ' woodmart-slider' ); ?>">
						<div class="wd-carousel-wrap">
							<?php
							$slide_id        = 'slide-' . $post->ID;
							$slide_animation = get_post_meta( $post->ID, 'slide_animation', true );
							?>

							<div id="<?php echo esc_attr( $slide_id ); ?>" class="wd-carousel-item wd-slide woodmart-loaded active<?php echo woodmart_get_old_classes( ' woodmart-slide' ); ?>">
								<div class="container wd-slide-container<?php echo woodmart_get_old_classes( ' woodmart-slide-container' ); ?><?php echo woodmart_get_slide_class( $post->ID ); ?>">
									<div class="wd-slide-inner<?php echo woodmart_get_old_classes( ' woodmart-slide-inner' ); ?> <?php echo ( ! empty( $slide_animation ) && $slide_animation != 'none' ) ? 'wd-animation-normal  wd-animation-' . esc_attr( $slide_animation ) : ''; ?>">
										<?php while ( have_posts() ) : ?>
											<?php the_post(); ?>
											<?php the_content(); ?>
										<?php endwhile; ?>
									</div>
								</div>

								<div class="wd-slide-bg wd-fill"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<?php get_footer(); ?>