{% 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(1440,400)}}{% 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 pb-3">
			<div class="container">
				{{post.content}}
			</div>
		</div>
		
		{#{% if post.id == '29' or post.id == '37' or post.id == '66' or post.id == '70' or post.id == '72' %}
		
		<div class="container-fluid mt-5 pb-5 page-servicios que-hacemos" style="background-image:url({% if post.id == '29' %}{{site.theme.link}}/public/img/icono_investigacion3x.png{% elseif post.id == '37' %}{{site.theme.link}}/public/img/icono_evaluacion3x.png{% elseif post.id == '66' %}{{site.theme.link}}/public/img/icono_formacion3x.png{% elseif post.id == '70' %}{{site.theme.link}}/public/img/icono_intervencion3x.png{% elseif post.id == '72' %}{{site.theme.link}}/public/img/icono_consultoria3x.png{% endif %}); background-repeat:no-repeat; background-position:-50px 0; background-size:250px;">
			<div class="section-heading border-bottom mb-3 pt-5 mb-5">
				<div class="container">
					<h2 class="title underline">Qué hacemos</h2>
				</div>
			</div>
			
			<div class="section-body container">
				<div class="row">
					
					<div class="col-md-10 offset-md-2">
						
						{{post.meta('que_hacemos')}}
						
					</div>
				</div>
			</div>
			
		</div>
		
		<div class="container-fluid mt-5 pb-5 page-servicios como-hacemos">
			<div class="section-heading border-bottom mb-3 pt-5 mb-2">
				<div class="container">
					<h2 class="title underline">Cómo lo hacemos</h2>
				</div>
			</div>
			
			<div class="section-body container-fluid">
				<div class="row">
					<div class="col-md-4">
						<img src="{{post.meta('imagen_como_lo_hacemos').url}}" class="img-fluid" alt="{{ post.title }}">
					</div>
					<div class="col-md-8 pt-5 pr-5">
						
						{{post.meta('como_lo_hacemos')}}
						
					</div>
				</div>
			</div>
		</div>
		
		<div class="container mt-5 pb-5 page-servicios proyectos servicio-{{post.id}}">
			
			<div class="container proyectos">
				
				<div class="lead mb-5 font-weight-bold">
					{{post.meta('servicio_eslogan')}}
				</div>
				
				<div class="row proyecto-unico h-100">
					<div class="col-md-4">
						<img src="{{post.meta('proyecto_destacado').thumbnail|resize(500,500)}}" class="img-fluid" alt="{{post.meta('proyecto_destacado').title}}">
					</div>
					<div class="col-md-8">
						
						<div class="linea {% for term in post.meta('proyecto_destacado').terms %}{% if term.slug == 'investigacion-social-aplicada' %}linea-investigacion {% elseif term.slug == 'evaluacion-externa-y-participativa' %}linea-evaluacion {% elseif term.slug == 'formacion' %}linea-formacion {% elseif term.slug == 'intervencion-social-y-educativa' %}linea-intervencion {% elseif term.slug == 'consultoria' %}linea-consultoria {% endif %}{% endfor %} mb-3 w-50"></div>
						
						
						<h3><a href="{{post.meta('proyecto_destacado').link}}">{{ post.meta('proyecto_destacado').title }}</a></h3>
						
						<a href="{{post.meta('proyecto_destacado').link}}"><img src="/wp-content/themes/andaira/public/img/right-arrow.png" alt="{{ post.meta('proyecto_destacado').title }}" /></a>
						
						<div class="text-right text-uppercase font-weight-bold proyecto-unico-term">
						{% for term in post.meta('proyecto_destacado').terms %}
							{% if term.slug == 'investigacion-social-aplicada' %}<!--investigacion-->
								{{ term }}
							{% elseif term.slug == 'evaluacion-externa-y-participativa' %}<!--evaluacion-->
								{{ term }}
							{% elseif term.slug == 'formacion' %}<!--formacion-->
								{{ term }}
							{% elseif term.slug == 'intervencion-social-y-educativa' %}<!--intervencion-->
								{{ term }}
							{% elseif term.slug == 'consultoria' %}<!--consultoria-->
								{{ term }}
							{% endif %}
						{% endfor %}
						</div>
					</div>
				</div>
				
			</div>
			
		</div>
		
		<div class="servicios-info-adicional text-right text-uppercase text-white font-weight-bold pt-5 pb-5" style="background:url('{{site.theme.link}}/public/img/bg-servicios-info-adicional.png') repeat-y">
			<div class="container">
				<p class="mb-0">Llámanos y solicita información adicional<br>915 42 83 43</p>
			</div>
		</div>
		
		<div class="container-fluid mt-3 page-servicios otros-servicios">
			<div class="section-heading border-bottom mb-5 pt-5">
				<div class="container">
					<h2 class="title underline">Otros servicios</h2>
				</div>
			</div>
			
			<div class="row">
			{% for post in servicios %}
				<div class="col-fifth pb-5">
					<a href="{{ post.link }}" class="d-block {% if not loop.first %}border-left{% endif %} pl-4 pr-4">
						{% if post.id == '29' %}
							<img src="{{site.theme.link}}/public/img/icono_investigacion2x.png" alt="{{ post.title }}" />
						{% elseif post.id == '37' %}
							<img src="{{site.theme.link}}/public/img/icono_evaluacion2x.png" alt="{{ post.title }}" />
						{% elseif post.id == '66' %}
							<img src="{{site.theme.link}}/public/img/icono_formacion2x.png" alt="{{ post.title }}" />
						{% elseif post.id == '70' %}
							<img src="{{site.theme.link}}/public/img/icono_intervencion2x.png" alt="{{ post.title }}" />
						{% elseif post.id == '72' %}
							<img src="{{site.theme.link}}/public/img/icono_consultoria2x.png" alt="{{ post.title }}" />
						{% endif %}
						
						<div class="font-weight-bold pt-3 pb-2">{{ post.title }}</div>
						
					</a>
				</div>
			{% endfor %}
			</div>
			
		</div>
		{% endif %}#}
		
	</div>

{% endblock %}