{% 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 {% if post.id == '29' or post.id == '37' or post.id == '66' or post.id == '70' or post.id == '72' %}page-servicios{% endif %}">
			<div class="container">
				{{post.content}}
			</div>
		</div>
		
		{% if post.id == '1059' %}
		<!--Quienes somos -->
		
		<div class="quienes-somos-tabs container-fluid mt-5 pb-3">
			<div class="quienesTabs-wrapper mb-5">
			<ul class="nav nav-tabs nav-fill container" id="quienesTabs" role="tablist">
				<li class="nav-item" role="presentation">
					<a class="nav-link active" id="metodologia-tab" data-toggle="tab" href="#metodologia" role="tab" aria-controls="home" aria-selected="true"><h2 class="title equipo-title">Metodología</h2></a>
				</li>
				<li class="nav-item" role="presentation">
					<a class="nav-link" id="mision-tab" data-toggle="tab" href="#mision" role="tab" aria-controls="profile" aria-selected="false"><h2 class="title equipo-title">Misión y visión</h2></a>
				</li>
				<li class="nav-item" role="presentation">
					<a class="nav-link" id="principios-tab" data-toggle="tab" href="#principios" role="tab" aria-controls="contact" aria-selected="false"><h2 class="title equipo-title">Principios y valores</h2></a>
				</li>
			</ul>
			</div>
			<div class="tab-content container" id="quienesTabsContent">
				<div class="tab-pane fade show active" id="metodologia" role="tabpanel" aria-labelledby="metodologia-tab">
					{{post.meta('quienes_metodologia')}}
				</div>
				<div class="tab-pane fade" id="mision" role="tabpanel" aria-labelledby="mision-tab">
					{{post.meta('quienes_mision_y_vision')}}
				</div>
				<div class="tab-pane fade" id="principios" role="tabpanel" aria-labelledby="principios-tab">
					<p><a href="/principios-y-valores">Ver principios y valores</a></p>
				</div>
			</div>
		</div>
		
		{#
		<!-- Metodologia -->
		<div class="container-fluid mt-5">
			<div class="section-heading">
				<div class="container">
					<h2 class="title equipo-title">Metodología</h2>
				</div>
			</div>
			
			<div class="container pt-5 pb-5">
				{{post.meta('quienes_metodologia')}}
			</div>
		</div>
		
		<!-- Mision -->
		<div class="container-fluid mt-5">
			<div class="section-heading">
				<div class="container">
					<h2 class="title equipo-title">Misión y visión</h2>
				</div>
			</div>
			
			<div class="container pt-5 pb-5">
				{{post.meta('quienes_mision_y_vision')}}
			</div>
		</div>
		
		<!-- Principios -->
		<div class="container-fluid mt-5">
			<div class="section-heading">
				<div class="container">
					<h2 class="title equipo-title">Principios y valores</h2>
				</div>
			</div>
			
			<div class="container pt-5 pb-5">
				<p><a href="/principios-y-valores">Ver principios y valores</a></p>
			</div>
		</div>
		#}
		
		<!-- Equipo -->
		<div class="container-fluid mt-5">
			<div class="section-heading">
				<div class="container">
					<h2 class="title equipo-title">Equipo</h2>
				</div>
			</div>
			
			<div class="container pt-5 pb-5">
				<div class="row">
						
					{{ posts_by_type('team',30,'posts-team-members.twig') }}
						
				</div>
			</div>
		</div>
		
		<!-- Transparencia -->
		<div class="container-fluid transparencia">
			
			<div class="section-heading mt-5 mb-3">
				<div class="container">
					<h2 class="title transparencia-title">Transparencia</h2>
				</div>
			</div>
			
			<div class="row">
				<div class="col-md-8 item-1">
					<div class="d-flex flex-column h-100">
						
						<div class="quienes-slider">
							
						{% filter shortcodes %}
							{{post.meta('galeria_transparencia')}}
						{% endfilter %}

						</div>
					</div>
				</div>
				<div class="col-md-4 item-2">
					<div class="d-flex flex-column h-100">
						<div class="transparencia-block-1 p-5 d-flex flex-column h-100">
							<p class="lead font-weight-bold mb-auto">{{post.meta('dossier').title}}</p>
							<p class="mb-0"><a href="{{post.meta('dossier').url}}" class="btn btn-light" target="_blank">Descargar</a></p>
						</div>
						<div class="transparencia-block-2 p-5 d-flex flex-column h-100">
							<p class="lead font-weight-bold mb-auto">{{post.meta('resumen').title}}</p>
							<p class="mb-0"><a href="{{post.meta('resumen').url}}" class="btn btn-light" target="_blank">Descargar</a></p>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		
		<!-- FIN Quienes somos -->
		
		<div class="container-fluid mt-5 pt-5">
			
			{% include 'block-network.twig' %}
			
			{% include 'block-clientes.twig' %}
			
		</div>
		
		{% elseif 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-2">#}
						{#{% if post.id == '29' %}
							<img src="{{site.theme.link}}/public/img/icono_investigacion3x.png" alt="{{ post.title }}" />
						{% elseif post.id == '37' %}
							<img src="{{site.theme.link}}/public/img/icono_evaluacion3x.png" alt="{{ post.title }}" />
						{% elseif post.id == '66' %}
							<img src="{{site.theme.link}}/public/img/icono_formacion3x.png" alt="{{ post.title }}" />
						{% elseif post.id == '70' %}
							<img src="{{site.theme.link}}/public/img/icono_intervencion3x.png" alt="{{ post.title }}" />
						{% elseif post.id == '72' %}
							<img src="{{site.theme.link}}/public/img/icono_consultoria3x.png" alt="{{ post.title }}" />
						{% endif %}#}
					{#</div>#}
					<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 }}">
						
						{#{% if post.id == '29' %}
							<img src="{{site.theme.link}}/public/img/como-hacemos-consultoria.jpg" alt="{{ post.title }}" />
						{% elseif post.id == '37' %}
							<img src="{{site.theme.link}}/public/img/icono_evaluacion3x.png" alt="{{ post.title }}" />
						{% elseif post.id == '66' %}
							<img src="{{site.theme.link}}/public/img/icono_formacion3x.png" alt="{{ post.title }}" />
						{% elseif post.id == '70' %}
							<img src="{{site.theme.link}}/public/img/icono_intervencion3x.png" alt="{{ post.title }}" />
						{% elseif post.id == '72' %}
							<img src="{{site.theme.link}}/public/img/icono_consultoria3x.png" alt="{{ post.title }}" />
						{% endif %}#}
					</div>
					<div class="col-md-8 pt-5 pr-5">
						
						{{post.meta('como_lo_hacemos')}}
						
					</div>
				</div>
			</div>
		</div>
		
		{#<!--<div class="container-fluid mt-5 pb-5 page-servicios proyectos servicio-{{post.id}}">
			<div class="section-heading border-bottom mb-3 pt-5">
				<div class="container">
					<h2 class="title underline">Proyectos relacionados</h2>
				</div>
			</div>
			
			<div id="areas-filter" class="mb-5 mt-5 pb-5 pt-2 collapse show" data-parent="#main-filter">
				<div class="container-fluid pb-3 term-filter">
					<div class="row text-uppercase font-weight-bold d-flex flex-row mr-5 ml-5">
						<div class="term-filter-item">
							<span class="d-block h-100 p-4 d-flex h-100 align-items-top border-right"><small>Filtrar por áreas de trabajo</small></span>
						</div>
						{% for term in areas %}
							<div class="term-filter-item">
								<a href="#projects{{loop.index}}" data-toggle="collapse" aria-expanded="true" aria-controls="projects{{loop.index}}" class="d-block h-100 p-4 d-flex h-100 align-items-center {% if not loop.last %}border-right{% endif %}"><small>{{term.name}}</small></a>
							</div>
						{% endfor %}
					</div>
				</div>
			
				<div class="container proyectos pt-5">
					
					{% set postslug = post.slug %}
					
					{% for term in areas %}
					<div id="projects{{loop.index}}" class="row collapse{% if loop.first %} show{% endif %}" data-parent="#areas-filter">
						
						{% set slug = term.slug %}
						
						{{ posts_by_service(-1,postslug,slug,'related_proyectos_item-servicio.twig') }}
						
					</div>
					{% endfor %}
					
				</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>
				
				{#{% set postslug = post.slug %}
				{{ posts_by_service(1,postslug,postslug,'related_proyectos_item-servicio-unico.twig') }}#}
				
				<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 %}
						
						{#<img src="{{site.theme.link}}/public/img/icono_{{post.slug}}.png" alt="">#}
						
						<div class="font-weight-bold pt-3 pb-2">{{ post.title }}</div>
						
					</a>
				</div>
			{% endfor %}
			</div>
			
		</div>
		
		{% endif %}
		
	</div>

{% endblock %}
