<?php
/**
 * The Template for displaying all single lessons.
 *
 * Override this template by copying it to yourtheme/sensei/single-lesson.php
 *
 * @author Automattic
 * @package Sensei
 * @category Templates
 * @version 1.9.0
 */
?>
<?php get_sensei_header(); ?>
<?php the_post(); ?>
<article <?php post_class( array( 'lesson', 'post' ) ); ?>>
    <?php
        /**
         * Hook inside the single lesson above the content
         *
         * @since 1.9.0
         *
         * @param integer $lesson_id
         *
         * @hooked deprecated_lesson_image_hook - 10
         * @hooked deprecate_sensei_lesson_single_title - 15
         * @hooked Sensei_Lesson::lesson_image() - 17
         * @hooked deprecate_lesson_single_main_content_hook - 20
         */
        do_action( 'sensei_single_lesson_content_inside_before', get_the_ID() );
    ?>
    <section class="entry fix">
        <?php
        if ( sensei_can_user_view_lesson() ) {
            ?>
  <span id="lesson-duration" style="display:none;" data-duration="<?php echo get_post_meta( $post->ID, '_lesson_length', true ); ?>"></span>
  <script>
   jQuery(function() {
    var duration = "<?php echo get_post_meta( $post->ID, '_lesson_length', true); ?>";
    if (Number(duration) > 10) {
                    duration = Number(duration);
                    var storage = window.localStorage || {getItem: function(){}, setItem: function(){}};
                    var watchKey = '__cur_watch_time__';
                    var curWatchTime = Number(storage.getItem(watchKey));
     var showTimeout = (duration - 10) * 60000;
     var hideTimeout = (duration + 60) * 60000;
                    var timerFunc = function() {
                        curWatchTime += 60000;
                        storage.setItem(watchKey, curWatchTime);
                        if (curWatchTime >= showTimeout) {
                            jQuery("#et-main-area #content #main article footer p a.button").show();
                        }
                        if (curWatchTime >= hideTimeout) {
                            jQuery("#main .entry .video").hide();
                            window.clearInterval(timer);
                        }
                    }
                    var timer = window.setInterval(timerFunc, 60000);
                    if (curWatchTime >= hideTimeout) {
                        timerFunc();
                    }
    }
   });
  </script>
            <?php
            if( apply_filters( 'sensei_video_position', 'top', $post->ID ) == 'top' ) {
                do_action( 'sensei_lesson_video', $post->ID );
            }
            the_content();
        } else {
            ?>
                <p> <?php the_excerpt(); ?> </p>
            <?php
        }
        ?>
    </section>
    <style>
 #et-main-area #content #main article footer p a.button { display: none; }
    </style>
    <?php
        /**
         * Hook inside the single lesson template after the content
         *
         * @since 1.9.0
         *
         * @param integer $lesson_id
         *
         * @hooked Sensei()->frontend->sensei_breadcrumb - 30
         */
        do_action( 'sensei_single_lesson_content_inside_after', get_the_ID() );
    ?>
</article><!-- .post -->
<?php get_sensei_footer(); ?>