{% assign file = page.fileName %}
{% assign lang = page.lang %}
{% assign dataToShow = site.data.[page.folderName][lang][file] %}

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta charset="UTF-8">

  {% include seo.html %}

  <link rel="canonical" href="{{site.url | append:  page.url}}">

  {%- if site.keyboard -%}
  <meta name="keywords" content="{{site.keyboard}}" />
  {%- endif -%}


  <link rel="manifest" href="./manifest.json">
  <link rel="shortcut icon" href="{{ site.favicon | relative_url }}">
  <link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/home.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/feature.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/HomePageblog.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/about.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/news.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/wordGroup.css' | relative_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/footer.css' | relative_url }}">

  <title>
    {%- unless page.layout == "home" -%}
    {{dataToShow.title }}
    {%- endunless -%}
    {{ page.title}}</title>



  <script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('load', () => {
        navigator.serviceWorker.register('./serviceworker.js')
          .then((reg) => console.log('Success: ', reg.scope))
          .catch((err) => console.log('Failure: ', err));
      })
    }
  </script>

  <script type="application/ld+json">
      {
      "@context": "http://schema.org",
          "@type": "Organization",
          "url": "{{site.siteurl}}",
          "logo": "{{site.siteurl}}{{site.favicon}}" 
        }
  </script>
  <script type="application/ld+json">
      {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "{{site.name}}",
      "alternateName": "{{site.alternateName}}",
      "url": "{{site.siteurl}}"}
  </script>

  {%- if dataToShow.faqList -%}
  {%- if dataToShow.faqList.first.Question !='' -%}
  <script type="application/ld+json">
      {
     "@context": "http://schema.org",
     "@type": "FAQPage",
    "mainEntity": [
         {%- for item in dataToShow.faqList-%}
         {%- if forloop.last == true -%}
         {"@type": "Question",
         "name": "{{item.Question | replace:'"', "'"}}",
         "acceptedAnswer": {
           "@type": "Answer",
           "text": "{{item.Answer | replace:'"', "'"}}"
         }
       }
         {%- else -%}
         {"@type": "Question",
         "name": "{{item.Question | replace:'"', "'"}}",
         "acceptedAnswer": {
           "@type": "Answer",
           "text": "{{item.Answer | replace:'"', "'"}}"
         }
       },
       {%- endif -%}
         {%- endfor -%}
    ]
    }
  </script>
  {%- endif -%}
  {%- endif -%}

  {%- if page.tool -%}
  {%- include Rating/structureddata.html -%}
  {%- endif -%}

  {%- include google-analytics.html -%}



  <script>
    const autoLoadDuration = 5; //In Seconds
    const eventList = ["keydown", "mousemove", "wheel", "touchmove", "touchstart", "touchend"];

    const autoLoadTimeout = setTimeout(runScripts, autoLoadDuration * 1000);

    eventList.forEach(function (event) {
      window.addEventListener(event, triggerScripts, { passive: true })
    });

    function triggerScripts() {
      runScripts();
      clearTimeout(autoLoadTimeout);
      eventList.forEach(function (event) {
        window.removeEventListener(event, triggerScripts, { passive: true });
      });
    }

    function runScripts() {
      console.log(document.querySelector("script"))
      console.log("Javascript Executed!")
      console.log(document.querySelectorAll("script[delay]"))
      document.querySelectorAll("script[delay]").forEach(function (scriptTag) {
        scriptTag.setAttribute("src", scriptTag.getAttribute("delay"));
      });
    }
  </script>
</head>