<?php /*

Element label: Three buttons with deatils
Element name: element03

*/

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


$logo_id = get_sub_field('logo');
$logo = wp_get_attachment_image_src($logo_id, 'full')[0];
$logo_alt = get_image_alt($logo_id);

?>
<section style="background-image:url('<?= $image; ?>')" class="three-tabs">
    <div class="container">
        <img data-src="<?= $logo; ?>" class=" lazyload three-tabs__img" alt="<?= $logo_alt; ?>">
    </div>
    <div class="container">
        <div class="row">

            <?php if (have_rows('buttons')) : ?>


            <?php while (have_rows('buttons')) : the_row();
            $sponsor_type_id = get_sub_field('sponsor_type_image');
            $sponsor_type_image = wp_get_attachment_image_src($sponsor_type_id, 'full')[0];
            $sponsor_type_image_alt = get_image_alt($sponsor_type_id);
            ?>
            <div class="col-12 col-lg-4">
                <div class="expandable">
                    <div class="expandable__btn"><?= get_sub_field('button_text'); ?></div>
                    <div class="expandable__content">
                        <?= get_sub_field('button_content'); ?>
                    </div>
                </div>
            </div>
            <?php endwhile;
                  endif; ?>

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