{% extends 'base.twig' %}

{% block content %}
	{% include "componentes/hero.twig" with {
		return:'/novidades',
		   links:[
			{
                title: 'Início',
                url: '/'
            },
			{
                title: 'Novidades',
                url: '/novidades/'
            },
			{
                title: post.title,
            },
		   ]
	} %}

	<section class="Single-novidade _bg-gray _pb-md _pt-48">
		<div class="Container _nrw">
			<div class="Date">
				<i class="icon-calendar"></i>
				<span>{{post.date}}</span>
			</div>

			<h1 class="Title _sm">{{ post.title }}</h1>

			<div class="Body">{{post.texto|wpautop}}</div>
		</div>
	</section>

	<div class="_pt-md _pb-md">
		<div class="Container">
			<h2 class="Title _sm _pb-40">Veja também</h2>
			<div class="Slider-novidades swiper">
				<div class="swiper-wrapper">
					{% for item in recentes %}
						<div class="swiper-slide">
							<div>
								{% set item = {
                                    title: item.title,
                                    image: item.imagem,
                                    date:  item.date,
                                    link:  item.link,
                                    }
                                 %}
								{% include "componentes/card-noticia.twig"  %}
							</div>
						</div>
					{% endfor %}
				</div>
				<div class="Slider-progress swiper-pagination-novidades"></div>
			</div>
		</div>
	</div>
{% endblock %}