{% extends 'base.twig' %}
{% block content %}
    {% if news | length > 0 %}

        <section class="section bg-light">
            <div class="container">
                <div class="centered-single-column">
                    <h1 class="title">Новости</h1>
                    <div class="js-news-list">
                        {% include 'partial/main-news.twig' %}
                    </div>
                    <nav class="pagination js-pagination-news" role="navigation" aria-label="pagination">
                        {% include 'partial/pagination-news.twig' %}
                    </nav>
                </div>

            </div>
        </section>
        {% set section_counter = 1 %}
        {% include 'partial/parallax-general.twig' %}
    {% endif %}
    <section class="section bg-dark{{cfs.goal_title ? ' is-medium' : ''}}">
        <div class="container">
            <div class="centered-single-column">
                {% if cfs.goal_title %}
                    <h1 class="title">{{cfs.goal_title |e('esc_html')}}</h1>
                {% endif %}
                <div class="content">
                    <p>{{cfs.goal_text |e('wp_kses_post')}}
                    </p>
                </div>
            </div>

        </div>
    </section>
    {% set section_counter = 2 %}
    {% include 'partial/parallax-general.twig' %}
    {% if latest | length > 0 %}

        <section class="section bg-light">
            <div class="container">
                <h1 class="title">Новинки</h1>
                <div class="columns is-multiline is-mobile js-latest-list">
                    {% include 'partial/main-latest.twig' %}
                </div>
                <nav class="pagination js-pagination-latest" role="navigation" aria-label="pagination">
                    {% include 'partial/pagination-latest.twig' %}
                </nav>
            </div>
        </section>
        {% set section_counter = 3 %}
        {% include 'partial/parallax-general.twig' %}
    {% endif %}
    <section class="section bg-dark">
        <div class="container">
            <h1 class="title">{{cfs.about_title |e('esc_html')}}</h1>
            <div class="columns">
                <div class="column">
                    <div class="content">
                        {{cfs.about_content |e('wp_kses_post')}}
                    </div>
                </div>
                <div class="column">
                    <div class="columns is-multiline is-mobile">
                        <div class="column column is-half-mobile is-one-half-tablet is-one-third-desktop">
                            <a class="btn-big" href="/o-kompanii/#history">История</a>
                        </div>
                        <div class="column column is-half-mobile is-one-half-tablet is-one-third-desktop">
                            <a class="btn-big" href="/o-kompanii/#achievements">Достижения</a>
                        </div>
                        <div class="column column is-half-mobile is-one-half-tablet is-one-third-desktop">
                            <a class="btn-big" href="/o-kompanii/#reviews">Отзывы</a>
                        </div>
                        <div class="column column is-half-mobile is-one-half-tablet is-one-third-desktop">
                            <a class="btn-big" href="/o-tehnologii/">Технология</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {% set section_counter = 4 %}
    {% include 'partial/parallax-general.twig' %}
{% endblock %}