<?php
$vertical_title = get_field('home_abstract_vertical_title');
$title = get_field('home_abstract_title');
$text = get_field('home_abstract_text');
$link_text = get_field('home_abstract_link_text');
$link = get_field('home_abstract_link');
$image = get_field('home_abstract_image');
?>

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

    <div class="site__container">

        <div class="home-abstract__inner">

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

                <div class="grid__item tab--six-twelfths">

                    <div class="home-abstract__image">
                        <?php MOZ_Image::background( $image['id'], 'Medium', array(
                            'large' => '(min-width: 768px)'
                        ), array( 'class' => '' ), array( 'lazy' => false ) ); ?>
                    </div>

                </div>

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

                    <div class="home-abstract__content">

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

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

                        <?php if ($text) : ?>
                            <div class="home-abstract__text"><?php echo $text; ?></div>
                        <?php endif; ?>

                        <?php if ($link_text && $link) : ?>
                            <div class="home-abstract__link">
                                <?php Component_Button::render( array(
                                    'type'          => 'arrow',
                                    'btn_text'      => MOZ_Utils::get_upper($link_text),
                                    'btn_link'      => $link,
                                    'extra_class'   => 'btn__arrow'
                                )); ?>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>

            </div>

        </div>

    </div>

</section>