<?php /*

Element label: Image, text and three buttons with deatils
Element name: element14

*/

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

?>
<section class="hero-secondary hero-secondary--alt">
    <div class="hero-secondary__left">
        <div class="hero-secondary__img-wrap">
            <img data-src="<?php echo $image; ?>" class="lazyload hero-secondary__img" alt="<?= $image_alt; ?>">
        </div>
    </div>
    <div class="hero-secondary__right">
        <div class="hero-secondary__content">
            <h1 class="hero-secondary__title"><?= get_sub_field('title'); ?></h1>
            <div>
                <?= get_sub_field('text'); ?>
            </div>
        </div>
        <div class="hero-tabs">
<?php if (have_rows('buttons')) : ?>


    <?php while (have_rows('buttons')) : the_row(); ?>
            <div class="expandable expandable--hero">
                <div class="expandable__btn"><?= get_sub_field('button_label');  ?></div>
                <div class="expandable__content">
                    <?= get_sub_field('button_content');  ?>
                </div>
            </div>
            <?php
            endwhile;
            endif; ?>

        </div>
    </div>
</section>