<?php
$vertical_title = get_field('home_offers_vertical_title');
?>
<div class="news-gallery" data-animation>

    <div class="site__container">

        <div class="news-gallery__inner">

            <div class="grid">

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

                    <div class="home-news">

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

                        <?php
                        $args = array(
                            'post_type' => 'cpt_news',
                            'orderby' => 'post_date',
                            'order' => 'DESC',
                            'post_status' => 'publish',
                            'posts_per_page' => 2,
                        );
                        $the_query = new WP_Query( $args );

                        if ($the_query->have_posts()) : ?>
                            <div class="home-news__box">
                            <?php while ($the_query->have_posts()) : $the_query->the_post(); ?>
                                <div class="home-news__item">
                                    <div class="home-news__item__date"><?php echo get_the_date('d.m.Y'); ?></div>
                                    <a class="home-news__item__title" href="<?php echo get_the_permalink(); ?>"><?php the_title(); ?></a>
                                    <a class="home-news__item__button" href="<?php echo get_the_permalink(); ?>"><?php MOZ_SVG::svg('arrow'); ?></a>

                                 </div>
                            <?php endwhile;
                            wp_reset_query(); ?>
                            </div>
                        <?php endif; ?>

                    </div>

                </div>
                <div class="grid__item push--tab--two-twelfths tab--six-twelfths">

                    <div class="home-projects">
                        <?php
                        $vertical_title = get_field('home_projects_vertical_title');
                        ?>
                        <div class="vertical-title"><?php MOZ_Utils::upper($vertical_title); ?></div>

                        <?php
                        if (have_rows('home_projects')) : ?>
                        <div class="home-projects__slider" data-home-projects>
                            <?php while (have_rows('home_projects')) : the_row();
                                $project = get_sub_field('project');
                                $subtitle = get_field('project_gallery_subtitle',  $project->ID); ?>
                                <div class="home-projects__item">
                                    <div class="home-projects__item__box">
                                        <?php if ($subtitle) : ?>
                                            <div class="home-projects__item__subtitle"><?php echo $subtitle; ?></div>
                                        <?php endif; ?>
                                        <a class="home-projects__item__title" href="<?php echo get_the_permalink($project->ID); ?>"><?php echo get_the_title($project->ID); ?></a>
                                        <a class="home-projects__item__button" href="<?php echo get_the_permalink($project->ID); ?>"><?php MOZ_SVG::svg('arrow'); ?></a>
                                    </div>
                                    <div class="home-projects__item__bg">
                                        <?php MOZ_Image::background( get_post_thumbnail_id($project->ID), 'Medium', array(
                                            'large' => '(min-width: 768px)'
                                        ), array( 'class' => '' ), array( 'lazy' => false ) ); ?>
                                    </div>
                                </div>
                            <?php endwhile;
                            wp_reset_query(); ?>
                        </div>
                        <?php endif; ?>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>