<?php

/**
 * Sublogo Block Template.
 *
 * @param   array $block The block settings and attributes.
 * @param   string $content The block inner HTML (empty).
 * @param   bool $is_preview True during AJAX preview.
 * @param   (int|string) $post_id The post ID this block is saved to.
 */

// Create id attribute allowing for custom "anchor" value.
$id = 'two-col-' . $block['id'];
if( !empty($block['anchor']) ) {
    $id = $block['anchor'];
}

// Create class attribute allowing for custom "className" and "align" values.
$className = 'two-cols';
if( !empty($block['className']) ) {
    $className .= ' ' . $block['className'];
}
if( !empty($block['align']) ) {
    $className .= ' align' . $block['align'];
}

// Load values and assign defaults.
$cols = get_field('columns') ?: [];
$rm = get_field('tc_read_more') ?: [];
?>
<?php if (empty($cols)) {} else { ?>
<section class="block-two-col">
    <div class="bcl-inner">
        <div class="cols-wrapper">
            <?php foreach ($cols as $key => $col) { ?>
                <div class="col-block">
                    <?php if (isset($col['subtitle']) && $col['subtitle'] != '') {  ?>
                        <div class="bcl-subtitle"><?php echo $col['subtitle']; ?></div>
                    <?php } ?>
                    <?php if (isset($col['title']) && $col['title'] != '') {?>
                        <div class="bcl-title"><?php echo $col['title'] ?></div>
                    <?php } ?>
                    <?php if (isset($col['description']) && $col['description'] != '') {?>
                        <div class="bcl-content-text"><?php echo $col['description']; ?></div>
                    <?php } ?>
                </div>
                <?php if ($key == 0) { ?>
                <div class="col-block separator"></div>
                <?php }
            }?>
        </div>
        <div class="rm-two-cols">
            <?php if (!empty($rm)) { ?>
                <div class="bcl-read-more">
                    <a style="color:#45B6AD;" target="<?php echo $rm['target']; ?>" href="<?php echo $rm['url']; ?>">
                        <span class="link-title"><?php echo isset($rm['title']) && $rm['title'] != '' ? $rm['title'] : 'meer info'; ?></span>
                        <span class="link-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="37.816" height="15.72" viewBox="0 0 37.816 15.72"><g id="Group_285" data-name="Group 285" transform="translate(0 0.592)"><line id="Line_23" data-name="Line 23" x2="36" transform="translate(0 7.433)" fill="none" stroke="#45B6AD" stroke-width="2"/><path id="Path_110" data-name="Path 110" d="M2676.622,2826l5.213,7.1-5.213,7.458" transform="translate(-2645.249 -2826)" fill="none" stroke="#45B6AD" stroke-width="2"/></g></svg></span>
                    </a>
                </div>
            <?php } ?>
        </div>
    </div>
</section>
<?php } ?>