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

{% block Content %}
    <nav class="breadcrumb-nav" aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Home</a></li>
        <li class="breadcrumb-item"><a href="/news">News</a></li>
      </ol>
    </nav>

    <div class="page-title mb-4">
        <h1 class="heading-font">News</h1>
    </div>

    {% paginate getNews(limit = 15, body_length = 150, paginate = true) as pagination, news %}
    <div class="content">
        <div class="row">
        {% for n in news %}
            <div class="col-md-4 col-sm-4 d-flex align-items-stretch p-none m-b-lg">
                <div class="card shadowed-1--" style="">
                    <div class="badge">{{ n.category }}</div>
                    <figure class="thumbz" style="background-image: url({{ n.thumbnail_M }}); border-radius--: 5px 5px 0 0;">
                        <a href="{{ n.permalink }}"><img src="//{{ PlaceholderService() }}/380x258" alt="" class="adaptive block"></a>
                    </figure>
                    <div class="card-body">
                        <a href="{{ n.permalink }}">
                            <h5 class="card-title heading-font">{{ n.title }}</h5>
                            <p class="card-text">{{ n.subtitle ?? n.body }}</p>
                        </a>
                    </div>
                </div>
            </div>
        {% endfor %}
        </div>
        <!-- /.posts -->

        {% include('include/pagination.tplp') %}
    </div> <!-- /.content -->
{% endblock %}