<?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_slides = get_field('slides') ?: [];
?>

<section class="block-slider" id="<?php echo $block['id']; ?>">
    <div class="bcl-inner has_image section-inner left">
        <div class="bcl-half-circle"></div>
        <div class="bcl-content wht_circle">
            <div class="sliders-carousel owl-carousel">
                <?php foreach ($content_slides as $content_slide) { ?>
                    <div class="slide-carousel">
                        <div class="slide-image" style="background-image: url(<?php echo $content_slide['image']['url']; ?>)"></div>
                        <?php if ($content_slide['text'] == 'Content Text') { } else { ?>
                            <div class="bcl-content-text"><?php echo $content_slide['text']; ?></div>
                        <?php } ?>
                    </div>
                <?php } ?>
            </div>
        </div>
    </div>
</section>