<?php /*

Element label: Text next to image
Element name: element02

*/

$image_id = get_sub_field('image');
$image = wp_get_attachment_image_src($image_id, 'full')[0];
$image_alt = get_image_alt($image_id);
$button = get_sub_field('button_linked_page');
$page_link = get_permalink( $button );

?>
<section class="about">
    <div class="about__left">
        <div class="about__content">
            <h1 class="about__title"><?= get_sub_field('title') ?></h1>
            <p class="about__text">
                <?= get_sub_field('text'); ?>
            </p>
             <?php if(get_sub_field('button_text') || $button || get_sub_field('button_url'))
                    {?>
              <a href="<?= get_sub_field('button_is_manual_url') ? get_sub_field('button_url') : $page_link; ?>" class="btn btn--gold"  
                      target="<?= get_sub_field('open_link_in_new_tab') ? '_blank"' : "" ?>">
                      <?= get_sub_field('button_text'); ?>
              </a>
                    <?php }?>
        </div>
    </div>
    <div class="about__right">
        <img data-src="<?= $image; ?>" class="lazyload about__img" alt="<?= $image_alt; ?>">
    </div>
</section>