<?php /*

Element label: Programs
Element name: element09

*/
$program_types = get_terms(array(
 'taxonomy' => 'dinamo_program_type',
    'hide_empty' => false,
));




?>
<section class="programs">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-8 offset-md-2">
                <h1 class="programs__main-title"><?= get_sub_field('title'); ?></h1>
                <p class="programs__text"><?= get_sub_field('subtitle'); ?></p>
            </div>
        </div>
        <div class="row">
            <?php foreach($program_types as $program_type){

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

                ?>
            <div class="col-12 col-md-4 programs__box">
                <a href="<?= get_term_link($program_type); ?>" class="programs__img-wrap">
                    <img data-src="<?php echo $image; ?>" class="lazyload programs__img" alt="<?= $image_alt; ?>">
                    <div class="programs__text-wrap">
                        <h2 class="programs__title"><?= $program_type->name; ?></h2>
                    </div>
                </a>
            </div>
            <?php } ?>

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