<?php $__env->startSection('editable_content'); ?> <section class="project-detail"> <?php echo $__env->make('layouts.partials.project.projectHeader', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> <?php
        $dynamicBlocks = json_decode($data->content->dynamic);
        $players = [];
        ?>
 <div class="dynamic-content content-container"> <?php foreach($dynamicBlocks as $key => $block): ?> <?php if($block->status): ?> <?php echo $__env->make('layouts.partials.element.'.$block->typeSlug, ['dynamicContent' => $block, 'order' => $key], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> <?php if($block->typeSlug == 'video-block'): ?> <?php
                        $players[$key] = $block;
                        ?>
                    <?php endif; ?>

                <?php endif; ?>
            <?php endforeach; ?>
            <?php if(count($players) != 0 ): ?>

                <script>
                    // Load the IFrame Player API code asynchronously.
                    var tag = document.createElement('script');
                    tag.src = "https://www.youtube.com/player_api";
                    var firstScriptTag = document.getElementsByTagName('script')[0];
                    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

                    // Replace the 'ytplayer' element with an <iframe> and
                    // YouTube player after the API code downloads.

                            <?php foreach($players as $key => $player): ?>
                    var player<?php echo $key; ?>;

                    <?php endforeach; ?>

                    function onYouTubePlayerAPIReady() {

                        <?php foreach($players as $key => $player): ?>
                            player<?php echo $key; ?> = new YT.Player('ytplayer-<?php echo $key; ?>', {
                            height: '360',
                            width: '640',
                            host: 'https://www.youtube-nocookie.com',
                            videoId: '<?php echo $player->youtube; ?>',
                            playerVars: {
                                modestbranding: 1,
                                showinfo: 0,
                                rel: 0,
                                <?php if(isset($player->autoPlay) && $player->autoPlay): ?>
                                controls: 0
                                <?php endif; ?>
                            },
                            events: {
                                'onStateChange': onPlayerStateChange<?php echo $key; ?>,
                            <?php if(isset($player->autoPlay) && $player->autoPlay): ?>
                                'onReady': onPlayerReady,
                            <?php endif; ?>
                            }
                        });
                        <?php endforeach; ?>

                    }

                    <?php foreach($players as $key => $player): ?>
                    document.querySelector('#player<?php echo $key; ?> .video-overlay').addEventListener('click', function () {
                        player<?php echo $key; ?>.playVideo();
                        this.classList.add('hide');
                    }, false);


                    function onPlayerStateChange<?php echo $key; ?>(state) {

                        if(state.data === YT.PlayerState.ENDED || state.data === YT.PlayerState.PAUSED){
                            document.querySelector('#player<?php echo $key; ?> .video-overlay').classList.remove('hide');
                        }
                    }
                    <?php endforeach; ?>

                    function onPlayerReady(event) {
                        event.target.playVideo();
                    }

                </script>
            <?php endif; ?>

        </div>

        <?php if(isset($data->content->reference) && $data->content->reference != ''): ?>
            <?php echo $__env->make('layouts.partials.project.reference', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php endif; ?>

        <div class="sticky-previous-next">
            <div class="placeholder">
                <a class="previous"
                   href="/<?php echo $data->previousNext['previous']->route; ?>"><span><?php echo $data->previousNext['previous']->name; ?></span></a>
                <a class="over" href="/our-work"><span></span></a>
                <a class="next"
                   href="/<?php echo $data->previousNext['next']->route; ?>"><span><?php echo $data->previousNext['next']->name; ?></span>
                </a>
            </div>
        </div>
        <div class="nosticky-previous-next">
            <div class="placeholder">
                <a class="previous"
                   href="/<?php echo $data->previousNext['previous']->route; ?>"><span><?php echo $data->previousNext['previous']->name; ?></span></a>
                <a class="over" href="/our-work"><span></span></a>
                <a class="next"
                   href="/<?php echo $data->previousNext['next']->route; ?>"><span><?php echo $data->previousNext['next']->name; ?></span>
                </a>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.base', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>