<section class="c-youtube-playlist  js-youtube-playlist" id="youtube-playlist">
    <div class="grid-row">

        <div class="c-youtube-playlist__modal">

            <div class="c-youtube-playlist__main">

                <div class="c-youtube-playlist__area">

                    <div class="c-youtube-playlist__loading-area">
                        <div class="c-youtube-playlist__loading">
                            <img class="c-youtube-playlist__loading-icon" alt="loaind" src="/img/loading.gif"/>
                        </div>
                    </div>

                    <?php foreach(\Config::get('business.riddersteeVideoSerie') as $key => $video): ?>

                        <?php if($video != ''): ?>

                            <?php /* <?php if(last(\Config::get('business.riddersteeVideoSerie')) == $video): ?> is-active <?php endif; ?>  */ ?>

                            <div data-video="<?php echo $key; ?>" class="c-youtube-playlist__video-container  <?php if($key == 0): ?> is-active <?php endif; ?>  js-player-frame">
                                <div class="c-youtube-playlist__iframe js-youtube-player"
                                     id="serie-video-<?php echo $key; ?>"
                                     data-youtube-link="<?php echo $video; ?>"
                                     data-auto-play="false"
                                ></div>
                            </div>

                        <?php endif; ?>

                    <?php endforeach; ?>

                </div>

                <div class="c-youtube-playlist__title">
                    <div class="c-youtube-playlist__text">
                        <h2><?php echo \Illuminate\Support\Facades\Lang::get('build.serieTitle'); ?></h2>
                        <p><?php echo \Illuminate\Support\Facades\Lang::get('build.playerText'); ?></p>
                    </div>
                </div>
            </div>
            <div class="c-youtube-playlist__list" data-simplebar>

                <div class="c-youtube-playlist__list-wrapper">

                    <?php foreach(\Config::get('business.riddersteeVideoSerie') as $key => $video): ?>

                        <div data-video="<?php echo $key; ?>"
                             class="c-youtube-playlist__list-item   <?php if($key == 0): ?> is-active <?php endif; ?>  <?php if($video != ''): ?> js-thumb <?php endif; ?>">
                            <?php if($video != ''): ?>
                                <?php if(\Lang::has('translations.videoLabels.' . $video)): ?><span class="c-youtube-playlist__label"><?php echo \Illuminate\Support\Facades\Lang::get('translations.videoLabels.' . $video); ?></span><?php endif; ?>
                                <span class="c-youtube-playlist__thumb"
                                      style="background-image: url('/img/videoThumb/video-<?php echo $video; ?>.jpg');"></span>
                            <?php endif; ?>

<?php /*                            <?php if($key == 3): ?>*/ ?>
<?php /*                                <p class="c-youtube-playlist__coming-text">*/ ?>
<?php /*                                    <?php echo \Illuminate\Support\Facades\Lang::get('build.soon'); ?>*/ ?>
<?php /*                                </p>*/ ?>
<?php /*                            <?php endif; ?>*/ ?>

                        </div>

                    <?php endforeach; ?>

                </div>

            </div>

        </div>

    </div>
</section>