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

/* components/header.twig */
class __TwigTemplate_445c886c3e839def7c68046dd0f634f2babde26ff85801efb15bea5b015a8e27 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;
        // line 1
        echo "<header id=\"header\" class=\"bg-blue-600 shadow sticky top-0\">
    <div class=\"container flex flex-col flex-coljustify-between items-center mx-auto p-4 md:flex-row\">
        <div class=\"flex-grow font-mono text-white text-sm tracking-tight mb-2 md:my-1\">
            <a href=\".\" class=\"hover:underline\">
                ";
        // line 5
        echo twig_escape_filter($this->env, call_user_func_array($this->env->getFunction('translate')->getCallable(), ["home"]), "html", null, true);
        echo "
            </a>

            ";
        // line 8
        if (($context["path"] ?? null)) {
            // line 9
            echo "                ";
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable(call_user_func_array($this->env->getFunction('breadcrumbs')->getCallable(), [$context["path"]]));
            foreach ($context['_seq'] as $context["name"] => $context["path"]) {
                // line 10
                echo "                    / <a href=\"";
                echo twig_escape_filter($this->env, $context["path"], "html", null, true);
                echo "\" class=\"hover:underline\">";
                echo twig_escape_filter($this->env, $context["name"], "html", null, true);
                echo "</a>
                ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['name'], $context['path'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 12
            echo "            ";
        }
        // line 13
        echo "        </div>

        <div class=\"flex justify-end items-center\">
            ";
        // line 16
        if ((($context["path"] ?? null) && call_user_func_array($this->env->getFunction('config')->getCallable(), ["zip_downloads", true]))) {
            // line 17
            echo "                <a href=\"?zip=";
            echo twig_escape_filter($this->env, ($context["path"] ?? null), "html", null, true);
            echo "\" title=\"";
            echo twig_escape_filter($this->env, call_user_func_array($this->env->getFunction('translate')->getCallable(), ["download"]), "html", null, true);
            echo "\" class=\"inline-block text-white mx-2 p-1 hover:text-gray-400\">
                    <i class=\"fas fa-download fa-lg\"></i>
                </a>
            ";
        }
        // line 21
        echo "
            <form action=\".\" method=\"get\" id=\"search\" class=\"flex-grow group relative block bg-blue-700 rounded-full shadow-inner\">
                <input v-model=\"search\" ref=\"searchInput\" v-on:focus=\"\$event.target.select()\"
                    type=\"text\" name=\"search\" placeholder=\"";
        // line 24
        echo twig_escape_filter($this->env, call_user_func_array($this->env->getFunction('translate')->getCallable(), ["search"]), "html", null, true);
        echo "...\" value=\"";
        echo twig_escape_filter($this->env, ($context["search"] ?? null), "html", null, true);
        echo "\"
                    class=\"bg-transparent placeholder-gray-900 text-white w-full px-10 py-2\"
                >

                <div class=\"flex items-center absolute left-0 inset-y-0 ml-2 pointer-events-none\">
                    <div class=\"flex justify-center items-center text-blue-900 w-6 h-6\">
                        <i class=\"fas fa-search fa-fw\"></i>
                    </div>
                </div>

                <div class=\"flex items-center absolute right-0 inset-y-0 mr-2\" v-show=\"search\">
                    <a href=\".\"  class=\"flex justify-center items-center rounded-full text-blue-900 w-6 h-6 hover:bg-red-700 hover:text-white hover:shadow\">
                        <i class=\"fas fa-times\"></i>
                    </a>
                </div>
            </form>
        </div>
    </div>
</header>
";
    }

    public function getTemplateName()
    {
        return "components/header.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  92 => 24,  87 => 21,  77 => 17,  75 => 16,  70 => 13,  67 => 12,  56 => 10,  51 => 9,  49 => 8,  43 => 5,  37 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("", "components/header.twig", "/home/wp_z9r38e/theforestadvocate.org/rp_comments/Asthma_respiratory_and_health/app/views/components/header.twig");
    }
}
