<?php

$our_team_section_section_title_group = get_field('our_team_section_section_title_group');
$otsstg_text = $our_team_section_section_title_group['text'];
$otsstg_animation = $our_team_section_section_title_group['animation'];
$otsstg_animation_name = $our_team_section_section_title_group['animation_name'];
$otsstg_animation_delay = $our_team_section_section_title_group['animation_delay'];


$our_team_section_team_members = get_field('our_team_section_team_members');
$otstm_animation_settings = $our_team_section_team_members['animation_settings'];
$otstm_as_animation = $otstm_animation_settings['animation'];
$otstm_as_animation_name = $otstm_animation_settings['animation_name'];
$otstm_as_animation_delay = $otstm_animation_settings['animation_delay'];
$otstm_peoples = $our_team_section_team_members['peoples'];

?>

<section class="gridRound">

    <!-- colored rhombuses -->

    <div class="rhombusesBgWrap rhombusesBgWrapTop">
        <div class="rhombusesBg rhombuses5TopBg"></div>
    </div>
    <div class="rhombusesBgWrap rhombusesBgWrapBottom">
        <div class="rhombusesBg rhombuses5BottomBg"></div>
    </div>

    <!-- colored rhombuses -->


    <div class="setTableCell">

        <div class="container">

            <div class="row">

                <?php if ($otsstg_text) : ?>

                    <div class="col-md-12">
                        <div class="header<?php if ($otsstg_animation) : ?> waypoints--active<?php endif; ?>"<?php if ($otsstg_animation) : ?> data-animation-name="<?php echo $otsstg_animation_name; ?>" data-animation-delay="<?php echo $otsstg_animation_delay; ?>"<?php endif; ?>>
                            <?php echo $otsstg_text; ?>
                        </div>
                    </div>

                <?php endif; ?>


                <?php if ($otstm_peoples) : ?>

                    <div id="itemsWrap" class="itemsWrap owl-carousel owl-theme">

                        <?php foreach ($otstm_peoples as $people) : ?>

                            <?php

                            $photo = $people['person_photo'];
                            $name = $people['person_name'];
                            $position = $people['person_position'];

                            ?>

                            <div class="col-sm-4 col-md-3">
                                <div class="item<?php if ($otstm_as_animation) : ?> waypoints--active<?php endif; ?>"<?php if ($otstm_as_animation) : ?> data-animation-name="<?php echo $otstm_as_animation_name; ?>" data-animation-delay="<?php echo $otstm_as_animation_delay; ?>"<?php endif; ?>>
                                    <div class="item__imgWrap"><img src="<?php if(!empty($photo)){ echo $photo; }else{ echo '#'; }  ?>"
                                                                    alt="<?php echo $name; ?>"></div>
                                    <div class="item__title"><?php echo $name; ?></div>
                                    <div class="item__desc"><?php echo $position; ?></div>
                                </div>
                            </div>

                        <?php endforeach; ?>

                    </div>

                <?php endif; ?>

            </div>
            <!-- row -->

        </div>
        <!-- container -->

    </div>
    <!-- set table cell -->

</section><!-- grid round -->