{% extends 'Frontend/Templates/default.html.twig' %}
{% block page_title %}News{% endblock %}
{% block metaData %}
{% endblock %}
{% block content %}
<section class="title-block mb-4">
<div class="container">
<h1>News</h1>
</div>
</section>
<section class="block block-padded">
<div class="container">
{% if newsArticles is not empty %}
<div class="row">
{% for someArticle in newsArticles %}
<div class="col-lg-6">
<div class="mb-3 card thumbnail">
<div class="row no-gutters">
<div class="col-3 col-sm-2 col-md-3 col-lg-3">
<a href="{{ someArticle.friendlyPath }}" class="d-block mr-3">
<img src="{{ file_helper.thumbnail(someArticle.primaryImageWebPath,200,200) }}" class="img-fluid"/>
</a>
</div>
<div class="col-9 col-sm-10 col-md-9 col-lg-9">
<a href="{{ someArticle.friendlyPath }}">
<h5>{{ someArticle.name }}</h5>
</a>
<i class="text-muted d-block mb-2">Published {{ someArticle.created|date("j") }}<sup>{{ someArticle.created|date("S") }}</sup> of {{ someArticle.created|date("F") }} {{ someArticle.created|date("Y") }}</i>
<div class="d-block">
<a href="{{ someArticle.friendlyPath }}" class="btn btn-sm btn-secondary btn-rounded">View Article</a>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="navigation bg-grey p-3">
{{ knp_pagination_render(newsArticles) }}
</div>
{% else %}
<p>No news articles found.</p>
{% endif %}
</div>
</section>
{% endblock %}