<?php
$vertical_title = get_field('home_advantages_vertical_title');
$title = get_field('home_advantages_title');
$text = get_field('home_advantages_text');
?>

<section class="home-advantages" data-animation>

    <div class="site__container">

        <div class="home-advantages__inner">

            <div class="home-advantages__content">

                <div class="grid">

                    <div class="grid__item push--tab--one-twelfth tab--five-twelfths">

                        <?php if ($vertical_title) : ?>
                            <div class="vertical-title"><?php MOZ_Utils::upper($vertical_title); ?></div>
                        <?php endif; ?>

                        <?php if ($title) : ?>
                            <h1 class="home-advantages__title fs-50"><?php echo $title; ?></h1>
                        <?php endif; ?>
                    </div>

                    <div class="grid__item push--tab--two-twelfths tab--four-twelfths">
                        <?php if ($text) : ?>
                            <div class="home-advantages__text"><?php echo $text; ?></div>
                        <?php endif; ?>
                    </div>

                </div>

            </div>

            <?php if (have_rows('advantages')) : ?>

            <div class="home-advantages__boxes">

                <div class="grid grid--full">

                    <?php while (have_rows('advantages')) : the_row();
                        $icon = get_sub_field('select');
                        $title = get_sub_field('title');
                        $text = get_sub_field('text'); ?>
                        <div class="grid__item tab--one-half lap--one-quarter">
                            <div class="home-advantages__box__wrapper">
                                <div class="home-advantages__box__bg"></div>
                                <div class="home-advantages__box home-advantages__box--<?php echo $icon; ?>" data-box-advantage="<?php echo $icon; ?>">
                                    <div class="home-advantages__box__svg"><?php MOZ_SVG::svg($icon); ?></div>
                                    <div class="home-advantages__box__title"><?php MOZ_Utils::upper($title); ?></div>
                                    <div class="home-advantages__box__button"><?php MOZ_SVG::svg('arrow'); ?></div>
                                    <div class="home-advantages__box__text"><?php echo $text; ?></div>
                                </div>
                            </div>
                        </div>
                    <?php endwhile; ?>

                </div>

            </div>

            <div class="home-advantages__bg">
            <?php while (have_rows('advantages')) : the_row();
                $icon = get_sub_field('select'); ?>
                <div class="home-advantages__bg__item home-advantages__bg__item--<?php echo $icon; ?>"></div>
            <?php endwhile; ?>
            </div>

            <?php endif; ?>

        </div>

    </div>

</section>