{% extends 'base.twig' %}

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

	{# Informações #}
	<section class="Single-cultura _informacoes Container _pt-md _pb-md">
		{% set informacoes = post.informacoes %}
		<div class="Row _content-between">
			<div class="col-5 item-text">
				<h2 class="Title _sm">{{informacoes.titulo}}</h2>
				<div class="Body">{{informacoes.descricao|wpautop}}</div>
			</div>
			<div class="col-6 item-image">
				<img src="{{ Image(informacoes.imagem).src}}" alt="{{informacoes.imagem.alt }}">
			</div>
		</div>
	</section>

	{# Desafios #}
	{% if desafios|length > 0  %}
		<section class="Single-cultura _desafios _bg-gray _pt-md _pb-md">
			<div class="Container">
				<h2 class="Title _sm">{{post.desafios.titulo}}</h2>
				<div class="cards-container">
					{% for item in desafios %}
						<div class="card">
							<img src="{{ Image(item.imagem).src}}" alt="{{item.imagem.alt }}">
							<h2>{{item.post_title}}</h2>
							<div class="Body">{{item.texto|wpautop}}</div>
						</div>
					{% endfor %}
				</div>
			</div>
		</section>
	{% endif %}

	{# Benefícios #}
	<section class="Single-cultura _beneficios _pt-md _pb-md">
		<div class="Container">
			<a class="card-beneficio" href="/para-empresas/">
				<img src="{{asset('images/bg-cultura-empresas.png')}}">
				<h3>
					Conheça os benefícios
					<strong>para as empresas</strong>
				</h3>
				<span>Saiba mais</span>
			</a>
			<a class="card-beneficio" href="/para-produtores/">
				<img src="{{asset('images/bg-cultura-produtores.png')}}">
				<h3>
					Conheça os benefícios
					<strong>para os produtores</strong>
				</h3>
				<span>Saiba mais</span>
			</a>
		</div>
	</section>
{% endblock %}