<?php /*

Element label: Youtube widget
Element name: element04

*/ 
$button = get_sub_field('button_linked_page');
$page_link = get_permalink( $button );
?>

<section class="gallery">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h1 class="gallery__title"><?= get_sub_field('title'); ?></h1>
                <p class="gallery__description">
                    <?= get_sub_field('description'); ?>
                </p>
            </div>
        </div>
    </div>
    <div class="container video-container">
        <div class="row">
            <div class="col-12">
                <div class="owl-carousel video-carousel owl-theme">
                    <?php if (have_rows('youtube_videos')) : ?>
                        <?php
                        while (have_rows('youtube_videos')) : the_row();
                            $yt_url = get_sub_field('youtube_url');
                            ?>
                            <div class="item">
                                <div class="iframe-wrap">
                                    <iframe width="100%" height="0" src="<?= $yt_url; ?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe>
                                </div>
                            </div>

                        <?php
                        endwhile;
                    endif;
                    ?>
                </div>
            </div>
        </div>
    </div>
</div>

 <?php if(get_sub_field('button_text') || $button || get_sub_field('button_url'))
                    {?>
<div class="flex flex--center">
    <a  target="<?= get_sub_field('open_link_in_new_tab') ? '_blank"' : "" ?>" href="<?= get_sub_field('button_is_manual_url') ? get_sub_field('button_url') : $page_link; ?>" class="btn btn--hollow"><?= get_sub_field('button_text'); ?></a>
</div>
     <?php }?>
</section>