<?php

$clients_recommend_section_title_group = get_field('clients_recommend_section_title_group');
$crstg_text = $clients_recommend_section_title_group['text'];
$crstg_animation = $clients_recommend_section_title_group['animation'];
$crstg_animation_name = $clients_recommend_section_title_group['animation_name'];
$crstg_animation_delay = $clients_recommend_section_title_group['animation_delay'];


$clients_recommend_section_recommendation = get_field('clients_recommend_section_recommendation');
$crst_animation_settings = $clients_recommend_section_recommendation['animation_settings'];
$crst_as_animation = $crst_animation_settings['animation'];
$crst_as_animation_name = $crst_animation_settings['animation_name'];
$crst_as_animation_delay = $crst_animation_settings['animation_delay'];
$crst_recommend = $clients_recommend_section_recommendation['recommend'];

?>

<section class="carousel">

    <!-- colored rhombuses -->

    <!-- <div class="rhombusesBgWrap rhombusesBgWrapTop">
        <div class="rhombusesBg rhombuses4TopBg"></div>
    </div> -->
    <div class="rhombusesBgWrap rhombusesBgWrapBottom">
        <div class="rhombusesBg rhombuses4BottomBg hidden-md"></div>
    </div>

    <!-- colored rhombuses -->


    <div class="setTableCell">

        <div class="container">

            <div class="row">

                <?php if ($crstg_text) : ?>

                    <div class="col-md-12">
                        <div class="header<?php if ($crstg_animation) : ?> waypoints--active<?php endif; ?>"<?php if ($crstg_animation) : ?> data-animation-name="<?php echo $crstg_animation_name; ?>" data-animation-delay="<?php echo $crstg_animation_delay; ?>"<?php endif; ?>>
                            <?php echo $crstg_text; ?>
                        </div>
                    </div>

                <?php endif; ?>

                <div class="col-md-12">

                    <?php if ($crst_recommend) : ?>

                        <div id="carouselWrap"
                             class="carouselWrap owl-carousel owl-theme<?php if ($crst_as_animation) : ?> waypoints--active<?php endif; ?>"<?php if ($crst_as_animation) : ?> data-animation-name="<?php echo $crst_as_animation_name; ?>" data-animation-delay="<?php echo $crst_as_animation_delay; ?>"<?php endif; ?>>

                            <?php foreach ($crst_recommend as $rec) : ?>

                                <?php

                                $content = $rec['content'];
                                $description = $rec['description'];
                                $photo = $description['author_photo'];
                                $name = $description['author_name'];
                                $organisation = $description['author_organisation'];

                                ?>

                                <div class="carouselItem">
                                    <div class="carouselItem__content">
                                        <?php echo $content; ?>
                                    </div>
                                    <div class="dataWrap">
                                        <div class="dataWrap__imgWrap">
                                            <img src="<?php echo $photo; ?>"
                                                 alt="<?php echo $name; ?>">
                                        </div>
                                        <div class="dataWrap__title"><?php echo $name; ?></div>
                                        <div class="dataWrap__desc"><?php echo $organisation; ?></div>
                                    </div>
                                </div>

                            <?php endforeach; ?>

                        </div>
                        <!-- carousel wrap -->

                    <?php endif; ?>

                </div>

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

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

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

</section><!-- carousel -->