{% extends 'default/layout.html.twig' %}
{% block title %}Noticias{% endblock %}
{% block bodyClass %} blog-page {% endblock %}
{% block content %}
<div class="row white inner-main-wrapper">
<div class="medium-9 columns">
{% include 'default/breadcrumbs.html.twig' with
{breadcrumbs: [
{url: '#' , title: 'Noticias'}
]}
%}
<h1 class="page-title">Noticias</h1>
<div class="post-list">
{% for post in posts %}
<article class="teaser post">
<div class="row">
<div class="medium-3 columns">
{% if post.image %}
<div class="image"><img src="{{ asset('/uploads/images/' ~ post.image.path) }}" alt="{{ post.title }}" loading="lazy"></div>
{% endif %}
{% if post.tags | length > 0 %}
<div class="tags">
{% for tag in post.tags %}
<a href="{{path('blog_tag',{name: tag.name, id: tag.id})}}" class="tag">{{ tag.name }}</a>
{% endfor %}
</div>
{% endif %}
</div>
<div class="medium-9 columns">
<h3 class="title">{{ post.title }}</h3>
<div class="created">{{ post.created | date('d M Y') }}</div>
<div class="summary">{{ post.body | truncate(300, true) | striptags | raw }}</div>
<a href="{{ path('show_post', {slug: post.slug }) }}" class="more-link">Leer más</a>
</div>
</div>
</article>
{% endfor %}
</div>
<div class="navigation">
{{ knp_pagination_render(posts) }}
</div>
</div>
<div class="medium-3 columns">
{% include 'blog/sidebar.html.twig' %}
</div>
</div>
{% endblock %}