<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* includes/blocks/projectList.html.twig */
class __TwigTemplate_33a995ad39a6c88aa61145b41d8ed867 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->parent = false;
$this->blocks = [
];
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "includes/blocks/projectList.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "includes/blocks/projectList.html.twig"));
// line 1
$context["types"] = ["All projects", "Ongoing", "Coming", "Completed"];
// line 3
echo "
";
// line 6
$macros["macrosTypography"] = $this->macros["macrosTypography"] = $this->loadTemplate("./macros_typography.html.twig", "includes/blocks/projectList.html.twig", 6)->unwrap();
// line 7
$macros["macrosButton"] = $this->macros["macrosButton"] = $this->loadTemplate("./macros_button.html.twig", "includes/blocks/projectList.html.twig", 7)->unwrap();
// line 8
echo "
<section class=\"projects-section py-12\"
section-shade=\"dark\">
<div class=\"big-container\">
<nav>
<ul class=\"projects-type-wrapp flex flex-wrap gap-x-4 gap-y-5\">
";
// line 15
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(($context["types"] ?? null));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["type"]) {
// line 16
echo " <li fade
fade-trigger=\"none\">
<button class=\"project-type-btn ";
// line 18
echo ((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 18)) ? ("active") : (""));
echo "\"
type=\"";
// line 19
((twig_get_attribute($this->env, $this->source, $context["loop"], "first", [], "any", false, false, false, 19)) ? (print ("")) : (print (twig_escape_filter($this->env, twig_replace_filter(twig_lower_filter($this->env, $context["type"]), [" " => "_"]), "html", null, true))));
echo "\">
<svg>
<use xlink:href=\"#icon-check\"></use>
</svg>
";
// line 23
echo twig_escape_filter($this->env, $context["type"], "html", null, true);
echo "
</button>
</li>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['type'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 27
echo " </ul>
</nav>
<div class=\"grid md:grid-cols-2 2xl:grid-cols-3 gap-x-8 gap-y-10 md:gap-y-28 mt-12\">
";
// line 31
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["content"] ?? null), "projects", [], "any", false, false, false, 31));
foreach ($context['_seq'] as $context["_key"] => $context["project"]) {
// line 32
echo " <div class=\"project-item grid grid-rows-[auto_1fr]\"
type=\"";
// line 33
echo twig_escape_filter($this->env, twig_replace_filter(twig_lower_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "projectType", [], "any", false, false, false, 33)), [" " => "_"]), "html", null, true);
echo "\"
fade
fade-trigger=\"none\">
<div class=\"relative overflow-hidden\">
";
// line 38
if (twig_get_attribute($this->env, $this->source, $context["project"], "projectType", [], "any", false, false, false, 38)) {
// line 39
echo " <div class=\"absolute top-4 left-4 bg-white rounded-full py-2 px-6 text-blue text-sm z-10\">
";
// line 40
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "projectType", [], "any", false, false, false, 40), "html", null, true);
echo "
</div>
";
}
// line 43
echo "
<div
class=\"project-item__img h-[50vh] min-h-[310px] max-h-[310px] lg:max-h-[450px] scale-110 img-clip select-none\">
";
// line 47
echo " ";
if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "image", [], "any", false, false, false, 47)) > 0)) {
// line 48
echo " ";
$context["image"] = (($__internal_compile_0 = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["project"], "image", [], "any", false, false, false, 48), "thumbnails", [], "any", false, false, false, 48)) && is_array($__internal_compile_0) || $__internal_compile_0 instanceof ArrayAccess ? ($__internal_compile_0["720x840"] ?? null) : null);
// line 49
echo " <img src=\"";
echo twig_escape_filter($this->env, ($context["image"] ?? null), "html", null, true);
echo "\"
width=\"100\"
height=\"450px\"
alt=\"";
// line 52
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "title", [], "any", false, false, false, 52), "html", null, true);
echo "\"
loading=\"lazy\">
";
}
// line 55
echo "
";
// line 56
if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "image", [], "any", false, false, false, 56)) > 0)) {
// line 57
echo " ";
$context["image"] = (($__internal_compile_1 = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["project"], "image", [], "any", false, false, false, 57), "thumbnails", [], "any", false, false, false, 57)) && is_array($__internal_compile_1) || $__internal_compile_1 instanceof ArrayAccess ? ($__internal_compile_1["720x840"] ?? null) : null);
// line 58
echo " <img src=\"";
echo twig_escape_filter($this->env, ($context["image"] ?? null), "html", null, true);
echo "\"
width=\"100\"
height=\"450px\"
alt=\"";
// line 61
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "title", [], "any", false, false, false, 61), "html", null, true);
echo "\"
loading=\"lazy\">
";
}
// line 64
echo " </div>
</div>
<div class=\"project-item__content relative flex flex-col pt-4 md:pt-10 bg-blue text-white group\">
<a class=\"absolute inset-0 text-[0px] z-10\"
href=\"";
// line 69
echo twig_escape_filter($this->env, $this->extensions['Sulu\Bundle\WebsiteBundle\Twig\Content\ContentPathTwigExtension']->getContentPath(twig_get_attribute($this->env, $this->source, $context["project"], "url", [], "any", false, false, false, 69)), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "title", [], "any", false, false, false, 69), "html", null, true);
echo "</a>
";
// line 71
if (twig_get_attribute($this->env, $this->source, $context["project"], "location", [], "any", false, false, false, 71)) {
// line 72
echo " <div class=\"project-item__eyebrow text-sm w-10/12\"
split-directon=\"bottom\"
split-trigger=\"none\">
<span>";
// line 75
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "location", [], "any", false, false, false, 75), "html", null, true);
echo "</span>
";
// line 76
if (twig_get_attribute($this->env, $this->source, $context["project"], "area", [], "any", false, false, false, 76)) {
// line 77
echo " <span class=\"inline-block px-2 opacity-50\">•</span>
<span>";
// line 78
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "area", [], "any", false, false, false, 78), "html", null, true);
echo "m<sup>2</sup>
</span>
";
}
// line 81
echo " ";
if (twig_get_attribute($this->env, $this->source, $context["project"], "rooms", [], "any", false, false, false, 81)) {
// line 82
echo " <span class=\"inline-block px-2 opacity-50\">•</span>
<span>";
// line 83
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "rooms", [], "any", false, false, false, 83), "html", null, true);
echo "
</span>
";
}
// line 86
echo " </div>
";
}
// line 88
echo "
<h2 class=\"project-item__title h3 w-10/12 mt-3 group-hover:underline duration-300\"
split-diretion=\"bottom\"
split-trigger=\"none\">";
// line 91
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "title", [], "any", false, false, false, 91), "html", null, true);
echo "</h2>
";
// line 93
echo twig_call_macro($macros["macrosButton"], "macro_arrowDiagonal", [["class" => "project-item__arrow !absolute bottom-0 right-0", "withoutAnimate" => true]], 93, $context, $this->getSourceContext());
// line 97
echo "
</div>
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['project'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 101
echo " </div>
";
// line 105
$this->loadTemplate("./partials/layout/pagination.html.twig", "includes/blocks/projectList.html.twig", 105)->display(twig_array_merge($context, ["class" => "white mt-14 md:mt-24"]));
// line 108
echo "
</div>
</section>";
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
public function getTemplateName()
{
return "includes/blocks/projectList.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 271 => 108, 269 => 105, 263 => 101, 254 => 97, 252 => 93, 247 => 91, 242 => 88, 238 => 86, 232 => 83, 229 => 82, 226 => 81, 220 => 78, 217 => 77, 215 => 76, 211 => 75, 206 => 72, 204 => 71, 197 => 69, 190 => 64, 184 => 61, 177 => 58, 174 => 57, 172 => 56, 169 => 55, 163 => 52, 156 => 49, 153 => 48, 150 => 47, 145 => 43, 139 => 40, 136 => 39, 134 => 38, 126 => 33, 123 => 32, 119 => 31, 113 => 27, 95 => 23, 88 => 19, 84 => 18, 80 => 16, 63 => 15, 54 => 8, 52 => 7, 50 => 6, 45 => 3, 43 => 1,);
}
public function getSourceContext()
{
return new Source("{% set types = ['All projects', 'Ongoing', 'Coming', 'Completed']
%}
{% import \"./macros_typography.html.twig\" as macrosTypography %}
{% import \"./macros_button.html.twig\" as macrosButton %}
<section class=\"projects-section py-12\"
section-shade=\"dark\">
<div class=\"big-container\">
<nav>
<ul class=\"projects-type-wrapp flex flex-wrap gap-x-4 gap-y-5\">
{% for type in types %}
<li fade
fade-trigger=\"none\">
<button class=\"project-type-btn {{loop.first ? 'active'}}\"
type=\"{{loop.first ? '' : type|lower|replace({' ': '_'}) }}\">
<svg>
<use xlink:href=\"#icon-check\"></use>
</svg>
{{type}}
</button>
</li>
{% endfor %}
</ul>
</nav>
<div class=\"grid md:grid-cols-2 2xl:grid-cols-3 gap-x-8 gap-y-10 md:gap-y-28 mt-12\">
{% for project in content.projects %}
<div class=\"project-item grid grid-rows-[auto_1fr]\"
type=\"{{ project.projectType|lower|replace({' ': '_'}) }}\"
fade
fade-trigger=\"none\">
<div class=\"relative overflow-hidden\">
{% if project.projectType %}
<div class=\"absolute top-4 left-4 bg-white rounded-full py-2 px-6 text-blue text-sm z-10\">
{{project.projectType}}
</div>
{% endif %}
<div
class=\"project-item__img h-[50vh] min-h-[310px] max-h-[310px] lg:max-h-[450px] scale-110 img-clip select-none\">
{# image size 720x840 #}
{% if project.image|length > 0 %}
{% set image = project.image.thumbnails['720x840'] %}
<img src=\"{{ image }}\"
width=\"100\"
height=\"450px\"
alt=\"{{project.title}}\"
loading=\"lazy\">
{% endif %}
{% if project.image|length > 0 %}
{% set image = project.image.thumbnails['720x840'] %}
<img src=\"{{ image }}\"
width=\"100\"
height=\"450px\"
alt=\"{{project.title}}\"
loading=\"lazy\">
{% endif %}
</div>
</div>
<div class=\"project-item__content relative flex flex-col pt-4 md:pt-10 bg-blue text-white group\">
<a class=\"absolute inset-0 text-[0px] z-10\"
href=\"{{ sulu_content_path(project.url) }}\">{{project.title}}</a>
{% if project.location %}
<div class=\"project-item__eyebrow text-sm w-10/12\"
split-directon=\"bottom\"
split-trigger=\"none\">
<span>{{project.location}}</span>
{% if project.area %}
<span class=\"inline-block px-2 opacity-50\">•</span>
<span>{{project.area}}m<sup>2</sup>
</span>
{% endif %}
{% if project.rooms %}
<span class=\"inline-block px-2 opacity-50\">•</span>
<span>{{project.rooms}}
</span>
{% endif %}
</div>
{% endif %}
<h2 class=\"project-item__title h3 w-10/12 mt-3 group-hover:underline duration-300\"
split-diretion=\"bottom\"
split-trigger=\"none\">{{project.title}}</h2>
{{macrosButton.arrowDiagonal({
'class': 'project-item__arrow !absolute bottom-0 right-0',
'withoutAnimate': true
})
}}
</div>
</div>
{% endfor %}
</div>
{% include \"./partials/layout/pagination.html.twig\" with {
'class' : 'white mt-14 md:mt-24'
} %}
</div>
</section>", "includes/blocks/projectList.html.twig", "/home/clients/27e4eb6afe64c67f100a17cbd6809e7c/var/www/oakas-lane/templates/includes/blocks/projectList.html.twig");
}
}