{% extends 'layouts/sidebar_right.tpl' %}

{% block PageHeader %}
    <div class="page-heading">
      <div class="container">
        <div class="row">
          <div class="col-md-10 col-md-offset-1">
            <h1 class="page-heading__title">News</h1>
            <ol class="page-heading__breadcrumb breadcrumb">
              <li><a href="/">Home</a></li>
              <li class="active">News</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
{% endblock %}

{% block Content %}
    <!-- news.tpl -->
    <!-- Mobile -->
    {{ getAdZone(zone='Msite_300x250') }}

    {% paginate getNews(limit = 12, body_length = 150, paginate = true) as pagination, news %}
    <div class="site-content container">
        {{ options.text.PreNewsListContent }}
        <div class="posts posts--cards post-grid post-grid--2cols post-grid--fitRows row">
            {% for n in news %}
                <article class="post-grid__item col-xs-6">
                    <div class="posts__item posts__item--card posts__item--category-1 card">
                    
                        <figure class="posts__thumb thumbz" style="background-image: url({{ n.thumbnail_R }})">
                            <a href="{{ n.permalink }}" class="block"><img src="//{{ PlaceholderService() }}/270x189" /></a>
                            <div class="posts__cat">
                                <span class="label posts__cat-label">{{ n.category }}</span>
                            </div>
                    
                            <!-- <div class="ptp-24-overlay">
                                <div class="ptp-24-data">
                                    {% if options.bool.ShowNewsHits %}
                                        <a href="{{ n.permalink }}">
                                            <i class="ion-ios-eye-outline"></i> {{ n.hits }}
                                        </a>
                                    {% endif %}
                                    <a href="{{ n.permalink }}#comments">
                                        <i class="ion-ios-chatbubble-outline"></i> {{ n.comments_count }}
                                    </a>
                                </div>
                            </div> -->
                        </figure>
                        
                        <div class="posts__inner card__content">
                            <time class="posts__date">{{ n.date | date('d.m.Y') }}</time>
                            <h6 class="posts__title"><a href="{{ n.permalink }}">{{ n.title }}</a></h6>
                            <div class="posts__excerpt">{{ n.body }}</div>
                        </div>
                        
                    </div>
                </article>
            {% endfor %}
        </div> <!-- /.posts -->
    
        {% include('include/pagination.tplp') %}
    
    </div> <!-- /.site-content -->
{% endblock %}

{% block MiddleDivSidebarRight %}{% endblock %}
{% block SidebarAndAside %}{% endblock %}
{% block EndDivSidebarRight %}{% endblock %}