<?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 = 'content-link-' . $block['id'];
if( !empty($block['anchor']) ) {
    $id = $block['anchor'];
}

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

// Load values and assign defaults.
$content_title = get_field('content_title') ?: 'Content Title';
$content_subtitle = get_field('content_subtitle') ?: 'Content SubTitle';
$content_content = get_field('content_content') ?: 'Content Text';
$content_image = get_field('content_image') ?: false;
$content_rm = get_field('content_read_more_link') ?: [];
$content_rmc = get_field('content_read_more_link_color') ?: '#FFFFFF';
$content_bg = get_field('content_background_color') ?: '#FFFFFF';
$content_bg_align = get_field('content_background_align') ?: 'none';
$content_dotted = get_field('dotted_left_border') == '1' ? 'dotted' : '';
$content_white = get_field('white_circle') == '1' ? 'wht_circle' : '';
$full_page = get_field('full_page') == '1' ? 'full_page' : '';
?>

<section class="block-content-link" id="<?php echo $block['id'] ?>">
    <?php if ($content_image == false || empty($content_image)) {
        $has_image = '';
    } else {
        $has_image = 'has_image';
    } ?>
    <div class="bcl-inner <?php if ($full_page == 'full_page') { echo 'full_page_wrapper';} ?> <?php echo strtoupper($content_bg) == '#FFFFFF' ? 'no-bg' : ''; ?> <?php echo $content_dotted; ?> <?php echo $has_image; ?> section-inner <?php echo $content_bg_align; ?>">
        <div class="bcl-background" style="background-color: <?php echo $content_bg; ?>"></div>


        <div class="bcl-content <?php echo $content_white; ?> <?php echo $full_page; ?>">
            <?php if ($content_subtitle == 'Content SubTitle') { } else { ?>
            <h2 class="bcl-subtitle"><?php echo $content_subtitle; ?></h2>
            <?php } ?>
            <?php if ($content_title == 'Content Title') { } else { ?>
            <h1 class="bcl-title"><?php echo $content_title ?></h1>
            <?php } ?>
            <?php if ($content_content == 'Content Text') { } else { ?>
            <div class="bcl-content-text"><?php echo $content_content; ?></div>
            <?php } ?>
            <?php if (!empty($content_rm)) { ?>
            <div class="bcl-read-more">
                <a style="color:<?php echo $content_rmc; ?>;" target="<?php echo $content_rm['target']; ?>" href="<?php echo $content_rm['url']; ?>">
                    <span class="link-title"><?php echo isset($content_rm['title']) && $content_rm['title'] != '' ? $content_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="<?php echo $content_rmc; ?>" 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="<?php echo $content_rmc; ?>" stroke-width="2"/></g></svg></span>
                </a>
            </div>
            <?php } ?>
        </div>
        <?php if ($content_image == false || empty($content_image)) {} else { ?>
            <div class="bcl-half-circle" style="background-image: url(<?php echo $content_image['url']; ?>);"></div>
        <?php } ?>
    </div>
</section>