<?php

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

/* @particles/jlparticlejs.html.twig */
class __TwigTemplate_7771f87c8c5bd4462960ae7da194a05ed16daa8cf0a75f183cf4c73100a1aa97 extends \Twig\Template
{
    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->blocks = [
            'javascript_footer' => [$this, 'block_javascript_footer'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "@nucleus/partials/particle.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $this->parent = $this->loadTemplate("@nucleus/partials/particle.html.twig", "@particles/jlparticlejs.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
    }

    // line 3
    public function block_javascript_footer($context, array $blocks = [])
    {
        // line 4
        $this->getAttribute(($context["gantry"] ?? null), "load", [0 => "jquery"], "method");
        // line 5
        echo "<script src=\"";
        echo twig_escape_filter($this->env, $this->env->getExtension('Gantry\Component\Twig\TwigExtension')->urlFunc("gantry-theme://js/particles.min.js"), "html", null, true);
        echo "\"></script>
<script>
var \$ = jQuery;
var interact = {
  \"resize\": true
};
</script>
";
        // line 12
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable($this->getAttribute(($context["particle"] ?? null), "items", []));
        foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
            // line 13
            if (($this->getAttribute($context["item"], "style", []) == 1)) {
                // line 14
                echo "<script>
particlesJS('";
                // line 15
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "', {
  \"particles\": {
    \"number\": {
      \"value\": ";
                // line 18
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "number", []), "html", null, true);
                echo ",
      \"density\": {
        \"enable\": true,
        \"value_area\": 490
      }
    },
    \"color\": {
      \"value\": \"#ffffff\"
    },
    \"shape\": {
      \"type\": \"circle\"
    },
    \"opacity\": {
      \"value\": 0.5,
      \"random\": false,
      \"anim\": {
        \"enable\": false,
        \"speed\": 1,
        \"opacity_min\": 0.1,
        \"sync\": false
      }
    },
    \"size\": {
      \"value\": 3,
      \"random\": true,
      \"anim\": {
        \"enable\": false,
        \"speed\": 40,
        \"size_min\": 0.1,
        \"sync\": false
      }
    },
    \"line_linked\": {
      \"enable\": true,
      \"distance\": 150,
      \"color\": \"#ffffff\",
      \"opacity\": 0.4,
      \"width\": 1
    },
    \"move\": {
      \"enable\": true,
      \"speed\": ";
                // line 59
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "speed", []), "html", null, true);
                echo ",
      \"direction\": \"none\",
      \"random\": false,
      \"straight\": false,
      \"out_mode\": \"";
                // line 63
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "outmode", []), "html", null, true);
                echo "\",
      \"attract\": {
        \"enable\": false,
        \"rotateX\": 600,
        \"rotateY\": 1200
      }
    }
  },
  \"interactivity\": {
    \"detect_on\": \"canvas\",
    \"events\": interact,
    \"modes\": {
      \"grab\": {
        \"distance\": 140,
        \"line_linked\": {
          \"opacity\": 1
        }
      },
      \"bubble\": {
        \"distance\": 200,
        \"size\": 5,
        \"duration\": 2,
        \"opacity\": 8,
        \"speed\": 3
      },
      \"repulse\": {
        \"distance\": 200,
        \"duration\": 0.4
      },
      \"push\": {
        \"particles_nb\": 4
      },
      \"remove\": {
        \"particles_nb\": 2
      }
    }
  },
  \"retina_detect\": true
});
\$(\"#";
                // line 102
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"display\", \"block\");
\$(\"#";
                // line 103
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"position\", \"relative\");

\$(\".particles-js-canvas-el\").css(\"display\", \"block\");
\$(\".particles-js-canvas-el\").css(\"position\", \"absolute\");
\$(\".particles-js-canvas-el\").css(\"top\", \"0\");
\$(\".particles-js-canvas-el\").css(\"bottom\", \"0\");

\$(\"#";
                // line 110
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo " > .particles-js-canvas-el\").css(\"z-index\", \"";
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "zindex", []), "html", null, true);
                echo "\");
</script>
";
            }
            // line 113
            if (($this->getAttribute($context["item"], "style", []) == 2)) {
                // line 114
                echo "<script>
particlesJS('";
                // line 115
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "', {
  \"particles\": {
    \"number\": {
      \"value\": ";
                // line 118
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "number", []), "html", null, true);
                echo ",
      \"density\": {
        \"enable\": true,
        \"value_area\": 490
      }
    },
    \"color\": {
      \"value\": \"#ffffff\"
    },
    \"shape\": {
      \"type\": \"polygon\",
      \"polygon\": {
        \"nb_sides\": 6
      }
    },
    \"opacity\": {
      \"value\": 0.03,
      \"random\": true,
      \"anim\": {
        \"enable\": false,
        \"speed\": 1,
        \"opacity_min\": 0.1,
        \"sync\": false
      }
    },
    \"size\": {
      \"value\": 160,
      \"random\": true,
      \"anim\": {
        \"enable\": false,
        \"speed\": 10,
        \"size_min\": 40,
        \"sync\": false
      }
    },
    \"line_linked\": {
      \"enable\": false,
      \"distance\": 200,
      \"color\": \"#ffffff\",
      \"opacity\": 0.4,
      \"width\": 1
    },
    \"move\": {
      \"enable\": true,
      \"speed\": ";
                // line 162
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "speed", []), "html", null, true);
                echo ",
      \"direction\": \"none\",
      \"random\": false,
      \"straight\": false,
      \"out_mode\": \"";
                // line 166
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "outmode", []), "html", null, true);
                echo "\",
      \"attract\": {
        \"enable\": false,
        \"rotateX\": 600,
        \"rotateY\": 1200
      }
    }
  },
  \"interactivity\": {
    \"detect_on\": \"canvas\",
    \"events\": interact,
    \"modes\": {
      \"grab\": {
        \"distance\": 140,
        \"line_linked\": {
          \"opacity\": 1
        }
      },
      \"bubble\": {
        \"distance\": 200,
        \"size\": 5,
        \"duration\": 2,
        \"opacity\": 8,
        \"speed\": 3
      },
      \"repulse\": {
        \"distance\": 200,
        \"duration\": 0.4
      },
      \"push\": {
        \"particles_nb\": 4
      },
      \"remove\": {
        \"particles_nb\": 2
      }
    }
  },
  \"retina_detect\": true
});

\$(\"#";
                // line 206
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"display\", \"block\");
\$(\"#";
                // line 207
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"position\", \"relative\");

\$(\".particles-js-canvas-el\").css(\"display\", \"block\");
\$(\".particles-js-canvas-el\").css(\"position\", \"absolute\");
\$(\".particles-js-canvas-el\").css(\"top\", \"0\");
\$(\".particles-js-canvas-el\").css(\"bottom\", \"0\");

\$(\"#";
                // line 214
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo " > .particles-js-canvas-el\").css(\"z-index\", \"";
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "zindex", []), "html", null, true);
                echo "\");
</script>
";
            }
            // line 217
            echo "
";
            // line 218
            if (($this->getAttribute($context["item"], "style", []) == 3)) {
                // line 219
                echo "<script>
particlesJS('";
                // line 220
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "', {
  \"particles\": {
    \"number\": {
      \"value\": ";
                // line 223
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "number", []), "html", null, true);
                echo ",
      \"density\": {
        \"enable\": true,
        \"value_area\": 800
      }
    },
    \"color\": {
      \"value\": \"#ffffff\"
    },
    \"shape\": {
      \"type\": \"circle\"
    },
    \"opacity\": {
      \"value\": 0.4,
      \"random\": true,
      \"anim\": {
        \"enable\": false,
        \"speed\": 1,
        \"opacity_min\": 0.1,
        \"sync\": false
      }
    },
    \"size\": {
      \"value\": 10,
      \"random\": true,
      \"anim\": {
        \"enable\": false,
        \"speed\": 40,
        \"size_min\": 0.1,
        \"sync\": false
      }
    },
    \"line_linked\": {
      \"enable\": false,
      \"distance\": 500,
      \"color\": \"#ffffff\",
      \"opacity\": 0.4,
      \"width\": 2
    },
    \"move\": {
      \"enable\": true,
      \"speed\": ";
                // line 264
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "speed", []), "html", null, true);
                echo ",
      \"direction\": \"bottom\",
      \"random\": false,
      \"straight\": false,
      \"out_mode\": \"";
                // line 268
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "outmode", []), "html", null, true);
                echo "\",
      \"attract\": {
        \"enable\": false,
        \"rotateX\": 600,
        \"rotateY\": 1200
      }
    }
  },
  \"interactivity\": {
    \"detect_on\": \"canvas\",
    \"events\": interact,
    \"modes\": {
      \"grab\": {
        \"distance\": 140,
        \"line_linked\": {
          \"opacity\": 1
        }
      },
      \"bubble\": {
        \"distance\": 200,
        \"size\": 5,
        \"duration\": 2,
        \"opacity\": 8,
        \"speed\": 3
      },
      \"repulse\": {
        \"distance\": 200,
        \"duration\": 0.4
      },
      \"push\": {
        \"particles_nb\": 4
      },
      \"remove\": {
        \"particles_nb\": 2
      }
    }
  },
  \"retina_detect\": true
});

\$(\"#";
                // line 308
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"display\", \"block\");
\$(\"#";
                // line 309
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"position\", \"relative\");

\$(\".particles-js-canvas-el\").css(\"display\", \"block\");
\$(\".particles-js-canvas-el\").css(\"position\", \"absolute\");
\$(\".particles-js-canvas-el\").css(\"top\", \"0\");
\$(\".particles-js-canvas-el\").css(\"bottom\", \"0\");

\$(\"#";
                // line 316
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo " > .particles-js-canvas-el\").css(\"z-index\", \"";
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "zindex", []), "html", null, true);
                echo "\");
</script>
";
            }
            // line 319
            echo "
";
            // line 320
            if (($this->getAttribute($context["item"], "style", []) == 4)) {
                // line 321
                echo "<script>
particlesJS('";
                // line 322
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "', ";
                echo $this->env->getExtension('Gantry\Component\Twig\TwigExtension')->htmlFilter($this->getAttribute($context["item"], "custom", []));
                echo ");
\$(\"#";
                // line 323
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"display\", \"block\");
\$(\"#";
                // line 324
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo "\").css(\"position\", \"relative\");

\$(\".particles-js-canvas-el\").css(\"display\", \"block\");
\$(\".particles-js-canvas-el\").css(\"position\", \"absolute\");
\$(\".particles-js-canvas-el\").css(\"top\", \"0\");
\$(\".particles-js-canvas-el\").css(\"bottom\", \"0\");

\$(\"#";
                // line 331
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "element", []), "html", null, true);
                echo " > .particles-js-canvas-el\").css(\"z-index\", \"";
                echo twig_escape_filter($this->env, $this->getAttribute($context["item"], "zindex", []), "html", null, true);
                echo "\");
</script>
";
            }
            // line 334
            echo "
";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
    }

    public function getTemplateName()
    {
        return "@particles/jlparticlejs.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  481 => 334,  473 => 331,  463 => 324,  459 => 323,  453 => 322,  450 => 321,  448 => 320,  445 => 319,  437 => 316,  427 => 309,  423 => 308,  380 => 268,  373 => 264,  329 => 223,  323 => 220,  320 => 219,  318 => 218,  315 => 217,  307 => 214,  297 => 207,  293 => 206,  250 => 166,  243 => 162,  196 => 118,  190 => 115,  187 => 114,  185 => 113,  177 => 110,  167 => 103,  163 => 102,  121 => 63,  114 => 59,  70 => 18,  64 => 15,  61 => 14,  59 => 13,  55 => 12,  44 => 5,  42 => 4,  39 => 3,  29 => 1,);
    }

    /** @deprecated since 1.27 (to be removed in 2.0). Use getSourceContext() instead */
    public function getSource()
    {
        @trigger_error('The '.__METHOD__.' method is deprecated since version 1.27 and will be removed in 2.0. Use getSourceContext() instead.', E_USER_DEPRECATED);

        return $this->getSourceContext()->getCode();
    }

    public function getSourceContext()
    {
        return new Source("", "@particles/jlparticlejs.html.twig", "/home/lmsyaran/public_html/templates/g5_hydrogen/custom/particles/jlparticlejs.html.twig");
    }
}
