<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
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;
use Twig\TemplateWrapper;

/* components/search.twig */
class __TwigTemplate_d2e32da8da7994dbc052be11b8e9f08a extends Template
{
    private Source $source;
    /**
     * @var array<string, Template>
     */
    private array $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 = []): iterable
    {
        $macros = $this->macros;
        // line 1
        yield "<form action=\".\" method=\"get\" class=\"group relative block bg-sky-700 rounded-full shadow-inner dark:bg-violet-800\">
    <input type=\"text\" value=\"";
        // line 2
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["search"] ?? null), "html", null, true);
        yield "\" name=\"search\" placeholder=\"";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getFunction('translate')->getCallable()("search"), "html", null, true);
        yield "...\"
        class=\"bg-transparent placeholder-slate-900/75 text-white w-full px-10 py-2 focus:outline-none\"
        @keyup.?.prevent.window=\"\$el.focus()\" @focus=\"\$event.target.select()\"
    >

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

    ";
        // line 13
        if ((($tmp = ($context["search"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            // line 14
            yield "        <div class=\"flex items-center absolute right-0 inset-y-0 mr-2\">
            <a href=\".\" class=\"flex justify-center items-center rounded-full text-slate-900/50 w-6 h-6 hover:bg-red-700 hover:text-white hover:text-opacity-100 hover:shadow-sm\">
                <i class=\"fas fa-times\"></i>
            </a>
        </div>
    ";
        }
        // line 20
        yield "</form>
";
        yield from [];
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName(): string
    {
        return "components/search.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function isTraitable(): bool
    {
        return false;
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  71 => 20,  63 => 14,  61 => 13,  45 => 2,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("", "components/search.twig", "/var/www/vhosts/awxpokmt.host213.checkdomain.de/htdocs/playground/DirectoryLister/DirectoryLister-5.2.1/app/views/components/search.twig");
    }
}
