<?php if (!defined('ABSPATH')) {
    die('You are not allowed to call this page directly.');
} ?>
<?php
$youtube_video_hash = md5($youtube_video_id);
?>

<div class="mepr-wizard-onboarding-video-wrapper mepr-wizard-onboarding-video-<?php echo esc_attr($step); ?>" id="wrapper_<?php echo esc_attr($youtube_video_hash); ?>" >
   <div  class="mepr-wizard-onboarding-video-expand" id="expand_<?php echo esc_attr($youtube_video_hash); ?>" data-id="<?php echo esc_attr($youtube_video_hash); ?>">
  <img src="<?php echo esc_url(MEPR_BRAND_URL . '/images/onboarding/expand.png'); ?>" class="mepr-animation-shaking" alt="<?php esc_attr_e('Expand video', 'memberpress'); ?>" />
</div>
  <div class="mepr-video-wrapper" id="inner_<?php echo esc_attr($youtube_video_hash); ?>">

    <div class='mepr-video-holder' id="holder_<?php echo esc_attr($youtube_video_hash); ?>">
         <a href='#' class='mepr-video-play-button' id="mepr_play_<?php echo esc_attr($youtube_video_hash); ?>" data-hash="<?php echo esc_attr($youtube_video_hash); ?>"  data-holder-id="holder_<?php echo esc_attr($youtube_video_hash); ?>" data-id='<?php echo esc_attr($youtube_video_id); ?>'></a>
    </div>
  </div>
  <div class="mepr-wizard-onboarding-video-collapse" data-id="<?php echo esc_attr($youtube_video_hash); ?>" data-id="<?php echo esc_attr($youtube_video_hash); ?>">
    <img src="<?php echo esc_url(MEPR_BRAND_URL . '/images/onboarding/collapse.png'); ?>" alt="<?php esc_attr_e('Collapse video', 'memberpress'); ?>" />
  </div>
</div>