<?php $this->extend('block_searchable'); ?>

<?php $this->block('content'); ?>

<section class="project cf">
	<header>
		<nav class="siblings_nav">
		<?php if ($this->prevProject): ?>
			<a class="prev" href="<?php echo $this->prevProject['link']; ?>"><span class="ikon ikon-arrow_left ikon-3x"></span></a>
		<?php endif; ?>

		<?php if ($this->nextProject): ?>
			<a class="next" href="<?php echo $this->nextProject['link']; ?>"><span class="ikon ikon-arrow_right ikon-3x"></span></a>
		<?php endif; ?>
		</nav>
		<h1 class="scene_element scene_element--scaleDown">
			<?php echo $this->client_title; ?>
			<span class="subheading"><?php echo $this->title; ?></span>
		</h1>
	</header>

	<div class="project_images scene_element scene_element--fadeinleft">
		<ul class="list_screenshots">
			<?php foreach ($this->screenshots as $screenshot): ?>
			<li>
				<figure class="image_container">
				<?php if ($screenshot->href): ?>
					<a href="<?php echo $screenshot->href; ?>"<?php echo $screenshot->attributes; ?> title="<?php echo $screenshot->alt; ?>"><?php $this->insert('picture_default', $screenshot->picture); ?></a>
				<?php else: ?>
					<?php $this->insert('picture_default', $screenshot->picture); ?>
				<?php endif; ?>
				<?php if ($screenshot->caption): ?>
					<figcaption class="caption" style="width:<?php echo $screenshot->arrSize[0]; ?>px"><?php echo $screenshot->caption; ?></figcaption>
				<?php endif; ?>
				</figure>
			</li>
			<?php endforeach; ?>
		</ul>
	</div>
	<div class="project_summary scene_element scene_element--fadeinright">
		<div class="client_roundup">
			<?php echo $this->client_summary; ?>
		</div>
		<div class="project_details">
		<?php if ($this->text): ?>
			<h3><?php echo $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_text']; ?></h3>
			<?php echo $this->text; ?>
		<?php endif; ?>

		<?php if ($this->link): ?>
			<h3><?php echo $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_link']; ?></h3>
			<p><a href="<?php echo $this->link; ?>" target="_blank"><span class="ikon ikon-share"></span> <?php echo $this->link; ?></a></p>
		<?php endif; ?>

		<?php if (count($this->services)): ?>
			<h3><?php echo $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_services']; ?></h3>
			<ul class="list_services ikon-ul">
				<?php foreach ($this->services as $service): ?>
				<li><span class="ikon ikon-li ikon-tick"></span><?php if (\Validator::isUrl($service['url'])): ?><a href="<?php echo $service['url']; ?>"><?php endif; ?><?php echo $service['title']; ?><?php if (\Validator::isUrl($service['url'])): ?></a><?php endif; ?></li>
				<?php endforeach; ?>
			</ul>
		<?php endif; ?>

		<?php if (count($this->features)): ?>
			<h3><?php echo $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_features']; ?></h3>
			<ul class="list_features ikon-ul">
				<?php foreach ($this->features as $feature): ?>
					<li><span class="ikon ikon-li ikon-tick"></span><?php echo $feature; ?></li>
				<?php endforeach; ?>
			</ul>
		<?php endif; ?>

		<?php if (count($this->techs)): ?>
			<h3><?php echo $GLOBALS['TL_LANG']['ESM_CLIENTS']['project_tech']; ?></h3>
			<ul class="list_tech ikon-ul">
				<?php foreach ($this->techs as $tech): ?>
					<li><span class="ikon ikon-li ikon-tick"></span><?php if (\Validator::isUrl($tech['url'])): ?><a href="<?php echo $tech['url']; ?>"><?php endif; ?><?php echo $tech['title']; ?><?php if (\Validator::isUrl($tech['url'])): ?></a><?php endif; ?></li>
				<?php endforeach; ?>
			</ul>
		<?php endif; ?>

	</div>
	</div>
</section>

<?php $this->endblock(); ?>