<?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/illustration/icon_picker_modal.html.twig */
class __TwigTemplate_b606a5d2bbcb87de161053904e796258 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 32
        yield "
<div
    id=\"";
        // line 34
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["id"] ?? null), "html", null, true);
        yield "\"
    class=\"modal modal-lg modal-blur fade\"
    data-testid=\"illustration-picker-modal\"

    ";
        // line 39
        yield "    ";
        if ((($tmp =  !($context["backdrop"] ?? null)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            // line 40
            yield "        data-bs-backdrop=\"false\"
    ";
        }
        // line 42
        yield ">
    <div class=\"modal-dialog rounded\">
        <div class=\"modal-content\">
            <div class=\"px-4 pt-2\" role=\"tablist\">
                <div class=\"nav nav-underline\">
                    <div class=\"nav-item\">
                        <a
                            class=\"nav-link pointer active\"
                            role=\"tab\"
                            id=\"pick-an-icon\"
                            data-bs-toggle=\"tab\"
                            data-bs-target=\"#pick-an-icon-pane\"
                            aria-controls=\"pick-an-icon-pane\"
                            aria-selected=\"true\"
                        >
                            <div class=\"d-flex align-items-center\">
                                <i class=\"ti ti-photo-scan fa-lg me-2\"></i>
                                ";
        // line 59
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(__("Pick an illustration"), "html", null, true);
        yield "
                            </div>
                        </a>
                    </div>
                    <div class=\"nav-item\">
                        <a
                            class=\"nav-link pointer\"
                            role=\"tab\"
                            id=\"upload-an-icon\"
                            data-bs-toggle=\"tab\"
                            data-bs-target=\"#upload-an-icon-pane\"
                            aria-controls=\"upload-an-icon-pane\"
                            aria-selected=\"false\"
                        >
                            <div class=\"d-flex align-items-center\">
                                <i class=\"ti ti-file-upload fa-lg me-2\"></i>
                                ";
        // line 75
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(__("Upload your own illustration"), "html", null, true);
        yield "
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class=\"modal-body tab-content\">
                <div id=\"pick-an-icon-pane\" class=\"tab-pane fade active show\" role=\"tabpanel\">
                    <div class=\"input-icon mb-3\">
                        <span class=\"input-icon-addon\">
                            <i
                                class=\"ti ti-search\"
                                data-glpi-icon-picker-filter-default-icon
                            ></i>
                            <span class=\"spinner-border spinner-border d-none\" role=\"status\" aria-hidden=\"true\" data-glpi-icon-picker-filter-loading-icon></span>
                        </span>
                        <input
                            type=\"text\"
                            value=\"\"
                            class=\"form-control\"
                            placeholder=\"";
        // line 95
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(__("Search"), "html", null, true);
        yield "\"
                            aria-label=\"";
        // line 96
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(__("Search"), "html", null, true);
        yield "\"
                            data-glpi-icon-picker-filter
                        />
                    </div>

                    ";
        // line 102
        yield "                    ";
        yield Twig\Extension\CoreExtension::include($this->env, $context, "components/illustration/icon_picker_search_results.html.twig", ["filter" => "", "page" => 1, "page_size" => 30], false);
        // line 106
        yield "
                </div>
                <div id=\"upload-an-icon-pane\" class=\"tab-pane fade\" role=\"tabpanel\">
                    ";
        // line 109
        $this->extensions['Glpi\Application\View\Extension\PhpExtension']->call("Html::file", [["name" => "custom_icon", "onlyimages" => true]]);
        // line 115
        yield "                    <div class=\"d-flex justify-content-end w-100 mt-3\">
                        <button
                            type=\"button\"
                            class=\"btn btn-primary\"
                            data-glpi-icon-picker-use-custom-file
                        >
                            ";
        // line 121
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(__("Use selected file"), "html", null, true);
        yield "
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
";
        yield from [];
    }

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

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  151 => 121,  143 => 115,  141 => 109,  136 => 106,  133 => 102,  125 => 96,  121 => 95,  98 => 75,  79 => 59,  60 => 42,  56 => 40,  53 => 39,  46 => 34,  42 => 32,);
    }

    public function getSourceContext(): Source
    {
        return new Source("", "components/illustration/icon_picker_modal.html.twig", "/home/tisoluci/public_html/crpamplona/templates/components/illustration/icon_picker_modal.html.twig");
    }
}
