<?php global $SlideDeckPlugin; ?>

<div class="slide-content">
    <div class="video-wrapper">
<?php if(isset($slidedeck['options']['cta-enable']) && $slidedeck['options']['cta-enable'] == 1){ ?>
<?php if( $slidedeck['options']["cta-custom-opt"]== "cbutton"  && !empty( $permalink )){global $slidedeck_fonts;?>
       
	<button class= "cta-enable <?php echo $slidedeck['options']['cta-position'];?>" style = "cursor:pointer; background-color: <?php echo $slidedeck['options']['cta-btn-color'];?>; color: <?php echo $slidedeck['options']['cta-text-color'];?>; " onclick="CTAfunction('<?php echo $permalink;?>')"><span class = "cta-btn-text-font" style ="font-family:<?php echo $slidedeck_fonts[$slidedeck['options']['ctaBtnTextFont']]['stack'];?>; font-size:<?php echo $slidedeck['options']['ctaBtnFontSize'];?>; "><?php echo $slidedeck['options']['cta-btn-text'] ?><span></button>
<?php 
}
else if( $slidedeck['options']["cta-custom-opt"]== "cimage" && !empty( $permalink )){?>

<img class="cta-custom-img" src = "<?php echo $slidedeck['options']['cta-custom-img-url'];?>" style="cursor:pointer; z-index:10; position:absolute; height: <?php echo $slidedeck['options']['cta-css-height']; ?>%; width: <?php echo $slidedeck['options']['cta-css-height']; ?>%; left: <?php echo $slidedeck['options']['cta-css-left']; ?>%; bottom:<?php echo $slidedeck['options']['cta-css-bottom']; ?>%; " onclick="CTAfunction('<?php echo $permalink;?>')" />		

<?php
}
}
?>

        <?php echo $video_container; ?>
		<?php  if( $SlideDeckPlugin->is_first_slide ) { ?>
		<div class="cover" style="background-image: url(<?php echo $video_meta['full_image']; ?>);">
		<?php } else { ?>
			<div class="cover" data-sd2-slide-image="<?php echo $video_meta['full_image']; ?>">
		<?php } ?>
            <div class="sd-node-title-box">
                <div class="slide-title accent-color">
                    <?php if( $slidedeck['options']['linkTitle'] == true ): ?><a href="<?php echo $permalink; ?>" target="<?php echo $target; ?>" class="accent-color"><?php endif; ?>
                        <?php echo $title; ?>
                    <?php if( $slidedeck['options']['linkTitle'] == true ): ?></a><?php endif; ?>
                </div>
	        <div class="slide-meta">
			        <?php if( isset( $author_avatar ) && !empty( $author_avatar ) ): ?>
			            <img src="<?php echo $author_avatar; ?>" alt="<?php echo $author_name; ?>" class="slide-author-avatar" />
			        <?php endif; ?>
			        <?php if( isset( $author_name ) && !empty( $author_name ) ): ?>
			        <span class="slide-author">
			            <?php if( !empty( $author_url ) && $slidedeck['options']['linkAuthorName'] == true ): ?><a href="<?php echo $author_url; ?>" target="_blank"><?php endif; ?>
			                <?php echo $author_name; ?>
			            <?php if( !empty( $author_url ) && $slidedeck['options']['linkAuthorName'] == true ): ?></a><?php endif; ?>
			        </span>
			        <?php endif; ?>
			        <span class="slide-date"><?php echo $created_at; ?></span>
			    </div>
                                <?php if( isset( $excerpt ) && !empty( $excerpt ) ): ?>
                    <p class="slide-text"><?php echo $excerpt; ?> 
                        <a href="<?php echo $permalink; ?>" class="readmore accent-color" target="<?php echo $target; ?>"><?php _e( "Go&nbsp;to&nbsp;video&nbsp;page", $this->namespace ); ?></a>
                    </p>
                <?php endif; ?>
            </div>
            
            <a class="play-video-button play" href="#play">Click To Play</a>
        </div>
    </div>
</div>
