<?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;

/* templates/page-process.twig */
class __TwigTemplate_73d4241b015c64c136b45a582acc325f extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'content' => [$this, 'block_content'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 3
        return "layouts/main.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $this->parent = $this->loadTemplate("layouts/main.twig", "templates/page-process.twig", 3);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
    }

    // line 5
    public function block_content($context, array $blocks = [])
    {
        $macros = $this->macros;
        // line 6
        echo "
";
        // line 7
        if (($context["page_banner"] ?? null)) {
            // line 8
            echo "    ";
            $this->loadTemplate("parts/banner.twig", "templates/page-process.twig", 8)->display(twig_to_array(($context["page_banner"] ?? null)));
        }
        // line 10
        echo "
<section class=\"c-process\">
    <div class=\"o-wrapper\">
        <div class=\"c-process__list\">
            ";
        // line 14
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(($context["steps"] ?? 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["item"]) {
            // line 15
            echo "                <div class=\"c-process__list-item\">
                    <div class=\"c-process__list-item-index\">
                        <div class=\"c-process__list-item-index-img\">
                            ";
            // line 18
            if (twig_get_attribute($this->env, $this->source, $context["item"], "icon", [], "any", false, false, false, 18)) {
                // line 19
                echo "                                ";
                $context["icon_path"] = twig_get_attribute($this->env, $this->source, ($context["fn"] ?? null), "get_attached_file", [twig_get_attribute($this->env, $this->source, $context["item"], "icon", [], "any", false, false, false, 19)], "method", false, false, false, 19);
                // line 20
                echo "                                ";
                echo twig_get_attribute($this->env, $this->source, ($context["fn"] ?? null), "file_get_contents", [($context["icon_path"] ?? null)], "method", false, false, false, 20);
                echo "
                            ";
            }
            // line 22
            echo "                        </div>
                        <div class=\"c-process__list-item-index-number\">";
            // line 23
            echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 23), "html", null, true);
            echo "</div>
                    </div>
                    <div class=\"c-process__list-item-title\">
                        <h3>";
            // line 26
            echo twig_get_attribute($this->env, $this->source, $context["item"], "heading", [], "any", false, false, false, 26);
            echo "</h3>
                    </div>
                    <div class=\"c-process__list-item-description\">
                        ";
            // line 29
            echo twig_get_attribute($this->env, $this->source, $context["item"], "content", [], "any", false, false, false, 29);
            echo "
                    </div>
                </div>
            ";
            ++$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['item'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 33
        echo "        </div>
    </div>
</section>


";
        // line 38
        if (($context["text_banner"] ?? null)) {
            // line 39
            echo "    <section class=\"c-process-comment\">
        <div class=\"c-process-comment__img\">
            ";
            // line 41
            echo twig_get_attribute($this->env, $this->source, ($context["fn"] ?? null), "wp_get_attachment_image", [twig_get_attribute($this->env, $this->source, ($context["text_banner"] ?? null), "image", [], "any", false, false, false, 41), "full", false, ["class" => ""]], "method", false, false, false, 41);
            echo "
        </div>
        <h2 class=\"u-h1 c-process-comment__text\">
            <div class=\"o-wrapper\">
                ";
            // line 45
            echo twig_get_attribute($this->env, $this->source, ($context["text_banner"] ?? null), "heading", [], "any", false, false, false, 45);
            echo "
            </div>
        </h2>
    </section>
";
        }
        // line 50
        echo "

";
        // line 52
        if (($context["story_active"] ?? null)) {
            // line 53
            echo "    <section class=\"c-difference\">
        <div class=\"o-wrapper\">
            <div class=\"c-difference__feedback\">
                ";
            // line 56
            if (twig_get_attribute($this->env, $this->source, ($context["story"] ?? null), "heading", [], "any", false, false, false, 56)) {
                echo "<h2 class=\"c-difference__feedback-title u-m-0\">";
                echo twig_get_attribute($this->env, $this->source, ($context["story"] ?? null), "heading", [], "any", false, false, false, 56);
                echo "</h2>";
            }
            // line 57
            echo "                <div class=\"c-difference__feedback-body\">
                    <div class=\"c-difference__feedback-body-description\">
                        <p class=\"u-body-lg u-fw-700\">";
            // line 59
            echo twig_get_attribute($this->env, $this->source, ($context["story"] ?? null), "name", [], "any", false, false, false, 59);
            echo "</p>
                        <p class=\"u-body-sml\">";
            // line 60
            echo twig_get_attribute($this->env, $this->source, ($context["story"] ?? null), "description", [], "any", false, false, false, 60);
            echo "</p>
                        <p class=\"u-body-lg u-fw-700\">";
            // line 61
            echo twig_get_attribute($this->env, $this->source, ($context["story"] ?? null), "statement", [], "any", false, false, false, 61);
            echo "</p>
                    </div>
                    <div class=\"c-difference__feedback-body-img\">
                        ";
            // line 64
            echo twig_get_attribute($this->env, $this->source, ($context["fn"] ?? null), "wp_get_attachment_image", [twig_get_attribute($this->env, $this->source, ($context["story"] ?? null), "image", [], "any", false, false, false, 64), "large", false, ["class" => "u-responsive-image"]], "method", false, false, false, 64);
            echo "
                    </div>
                </div>
            </div>
        </div>
    </section>
";
        }
        // line 71
        echo "
<section class=\"c-faq\">
    <div class=\"c-faq__box\">
        <div class=\"c-faq__box-title\">
            <h2>";
        // line 75
        echo twig_get_attribute($this->env, $this->source, ($context["faqs"] ?? null), "heading", [], "any", false, false, false, 75);
        echo "</h2>
        </div>
        <div class=\"c-faq__box-list\">
            ";
        // line 78
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["faqs"] ?? null), "faqs", [], "any", false, false, false, 78));
        foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
            // line 79
            echo "                <div class=\"c-faq__box-list-item\">
                    <div class=\"c-faq__box-list-item-title\">
                        <div class=\"c-faq__box-list-item-title-icon\">
                            <svg viewbox=\"0 0 24 24\">
                                <path class=\"iconV\" d=\"M 12,0 V 24\" />
                                <path class=\"iconH\" d=\"M 0,12 H 24\" />
                            </svg>
                        </div>
                        <div class=\"c-faq__box-list-item-title-text\">
                            <p class=\"u-body-sml\">";
            // line 88
            echo twig_get_attribute($this->env, $this->source, $context["item"], "question", [], "any", false, false, false, 88);
            echo "</p>
                        </div>
                    </div>
                    <div class=\"c-faq__box-list-item-answer\">
                        ";
            // line 92
            echo twig_get_attribute($this->env, $this->source, $context["item"], "answer", [], "any", false, false, false, 92);
            echo "
                    </div> 
                </div>
            ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 96
        echo "        </div>
    </div>
</section>

";
    }

    public function getTemplateName()
    {
        return "templates/page-process.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  248 => 96,  238 => 92,  231 => 88,  220 => 79,  216 => 78,  210 => 75,  204 => 71,  194 => 64,  188 => 61,  184 => 60,  180 => 59,  176 => 57,  170 => 56,  165 => 53,  163 => 52,  159 => 50,  151 => 45,  144 => 41,  140 => 39,  138 => 38,  131 => 33,  113 => 29,  107 => 26,  101 => 23,  98 => 22,  92 => 20,  89 => 19,  87 => 18,  82 => 15,  65 => 14,  59 => 10,  55 => 8,  53 => 7,  50 => 6,  46 => 5,  35 => 3,);
    }

    public function getSourceContext()
    {
        return new Source("{# Template Name: Process page #}

{% extends \"layouts/main.twig\" %}

{% block content %}

{% if page_banner %}
    {% include \"parts/banner.twig\" with page_banner only %}
{% endif %}

<section class=\"c-process\">
    <div class=\"o-wrapper\">
        <div class=\"c-process__list\">
            {% for item in steps %}
                <div class=\"c-process__list-item\">
                    <div class=\"c-process__list-item-index\">
                        <div class=\"c-process__list-item-index-img\">
                            {% if item.icon %}
                                {% set icon_path = fn.get_attached_file(item.icon) %}
                                {{ fn.file_get_contents(icon_path)|raw }}
                            {% endif %}
                        </div>
                        <div class=\"c-process__list-item-index-number\">{{ loop.index }}</div>
                    </div>
                    <div class=\"c-process__list-item-title\">
                        <h3>{{ item.heading|raw }}</h3>
                    </div>
                    <div class=\"c-process__list-item-description\">
                        {{ item.content|raw }}
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</section>


{% if text_banner %}
    <section class=\"c-process-comment\">
        <div class=\"c-process-comment__img\">
            {{ fn.wp_get_attachment_image(text_banner.image, 'full', false, {'class': ''}) | raw }}
        </div>
        <h2 class=\"u-h1 c-process-comment__text\">
            <div class=\"o-wrapper\">
                {{ text_banner.heading|raw }}
            </div>
        </h2>
    </section>
{% endif %}


{% if story_active %}
    <section class=\"c-difference\">
        <div class=\"o-wrapper\">
            <div class=\"c-difference__feedback\">
                {% if story.heading %}<h2 class=\"c-difference__feedback-title u-m-0\">{{ story.heading|raw }}</h2>{% endif %}
                <div class=\"c-difference__feedback-body\">
                    <div class=\"c-difference__feedback-body-description\">
                        <p class=\"u-body-lg u-fw-700\">{{ story.name|raw }}</p>
                        <p class=\"u-body-sml\">{{ story.description|raw }}</p>
                        <p class=\"u-body-lg u-fw-700\">{{ story.statement|raw }}</p>
                    </div>
                    <div class=\"c-difference__feedback-body-img\">
                        {{ fn.wp_get_attachment_image(story.image, 'large', false, {'class': 'u-responsive-image'}) | raw }}
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endif %}

<section class=\"c-faq\">
    <div class=\"c-faq__box\">
        <div class=\"c-faq__box-title\">
            <h2>{{ faqs.heading|raw }}</h2>
        </div>
        <div class=\"c-faq__box-list\">
            {% for item in faqs.faqs %}
                <div class=\"c-faq__box-list-item\">
                    <div class=\"c-faq__box-list-item-title\">
                        <div class=\"c-faq__box-list-item-title-icon\">
                            <svg viewbox=\"0 0 24 24\">
                                <path class=\"iconV\" d=\"M 12,0 V 24\" />
                                <path class=\"iconH\" d=\"M 0,12 H 24\" />
                            </svg>
                        </div>
                        <div class=\"c-faq__box-list-item-title-text\">
                            <p class=\"u-body-sml\">{{ item.question|raw }}</p>
                        </div>
                    </div>
                    <div class=\"c-faq__box-list-item-answer\">
                        {{ item.answer|raw }}
                    </div> 
                </div>
            {% endfor %}
        </div>
    </div>
</section>

{% endblock %}", "templates/page-process.twig", "/var/www/htdocs/content/themes/speck/views/templates/page-process.twig");
    }
}
