{% extends "base.twig" %}

{% block content %}

	<div id="page" class="{{post.slug}}">
		
		<div class="page-header mb-5 pb-5" style="background-image:url({% if post.thumbnail %}{{post.thumbnail|resize(1300,500)}}{% else %}{{site.theme.link}}/public/img/cabecera-provisional.jpg{% endif %}); background-repeat:no-repeat; background-position:center center; background-size:cover;">
			<div class="overlay bg-gradient-1">
			<div class="container pb-5 h-100">
				<div class="d-flex h-100 justify-content-center align-items-end">
					<h1 class="title text-white">{{ post.title }}</h1>
				</div>
			</div>
			</div>
		</div>
		
		<div class="page-content pt-5 pb-5">
			<div class="container">
				
				{% if posted and check|length == 0 %}
					<div class="alert alert-success" role="alert">
						<p>¡Muchas gracias por contactar!<br>
						En breve recibirás nuestra respuesta.</p>
					</div>
				{% else %}
					{% for message in messages %}
						<div class="alert alert-danger" role="alert">
							<p>
							{{message}}
							</p>
						</div>
					{% endfor %}
				
					{{contactform}}
							
				{% endif%}
				
			</div>
		</div>
		
	</div>

{% endblock %}
