<?php
/**
 * Our people 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 = 'our-people-' . $block['id'];
if( !empty($block['anchor']) ) {
    $id = $block['anchor'];
}

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

// Load values and assign defaults.
$title = get_field('block_title');
    $descr = get_field('description');
        $people = get_field('people');
?>
<section class="block-our-people">
    <div class="section-inner">
        <h1 class="bcl-title"><?php echo $title; ?></h1>
        <div class="bcl-content-text">
            <?php echo $descr; ?>
        </div>
        <div class="people-wrapper">
            <?php foreach ($people as $person) { ?>
                <div class="person-block">
                    <div class="person-photo">
                        <img src="<?php echo $person['photo']['url']; ?>">
                    </div>
                    <div class="person-info">
                        <h5><?php echo $person['name'] ?></h5>
                        <p><?php echo $person['function']; ?></p>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
</section>