<?php
if (function_exists('render_block_preview_image') && render_block_preview_image($block, 'Two column section preview')) {
    return;
}
$heading = get_field('heading');
$description = get_field('description');
$className = 'two-column-highlights-section sk-section-spacing ' . ($block['className'] ?? '');
?>
<section class="<?php echo esc_attr(trim($className)); ?>">
    <div class="container">
        <div class="two-column-heading">
            <?php if (isset($heading) && !empty($heading)) : ?>
                <h2><?php echo esc_html($heading); ?></h2>
            <?php endif; ?>

            <?php if (isset($description) && !empty($description)) : ?>
                <?php echo wp_kses_post($description); ?>
            <?php endif; ?>
        </div>
        <?php if (have_rows('experience_cards')) :  ?>
            <div class="two-column-highlights-cards">
                <?php while (have_rows('experience_cards')) : the_row();
                    $card_heading = get_sub_field('card_heading');
                    $card_description = get_sub_field('card_description');
                ?>
                    <div class="two-column-highlights-card">
                        <?php if (isset($card_heading) && !empty($card_heading)) : ?>
                            <h3><?php echo esc_html($card_heading); ?></h3>
                        <?php endif; ?>
                        <?php if (isset($card_description) && !empty($card_description)) : ?>
                            <?php echo wp_kses_post($card_description); ?>
                        <?php endif; ?>
                    </div>
                <?php endwhile; ?>
            </div>
        <?php endif; ?>
    </div>
</section>