<head>
    {% assign file = page.fileName %}
    {% assign lang = page.lang %}
    {% assign dataArr = site.data.[page.folderName][lang][file] %}
    {% assign dataToShow = dataArr %}
    {% assign title = dataToShow.TITLE | replace:"$variable", page.value | default:page.title | default: site.title %}
    {% assign description = dataToShow.META | replace:"$variable", page.value | default: site.description %}
    {% assign keywords = dataToShow.keywords %}
    {% assign favicon = site.favicon %}
    {%- assign langsupport = page.langsupport -%}
    {%- assign variable = site.data.languagesupport[langsupport]-%}
    {{site.weburl}}
        <meta charset="utf-8">
        <link rel="shortcut icon" href="{{favicon}}">
        <meta name="viewport" content="width=device-width">
        <title>{{title}}</title>
        {%- if dataToShow.keywords -%}
        <meta name="keywords" content="{{keywords}}" />
        {%- endif -%}
        <meta name="description" content="{{description}}">
        <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
        integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous" as="style" onload="this.rel='stylesheet'">
        <link rel="canonical" href="{{site.url | append:  page.url}}">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap" rel="stylesheet">
        <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" as="style" onload="this.rel='stylesheet'">
        <link rel="stylesheet" href="/assets/css/tools.css">
        <meta data-rh="true" property="og:image" content="{{site.url}}{{favicon}}">
        <meta property="og:title" content="{{title}}">
        <meta property="og:description" content="{{description}}">
        <meta property="og:type" content="website">
        <meta data-rh="true" property="og:url" content="{{site.url | append:  page.url}}">
        <meta data-rh="true" property="og:site_name" content="{{site.name}}">
        <meta data-rh="true" property="twitter:domain"  content="{{site.url}}">
        <meta data-rh="true" property="twitter:url"  content="{{site.url | append:  page.url}}">
        <meta data-rh="true" name="twitter:title" content="{{title}}">
        <meta data-rh="true" name="twitter:description" content="{{description}}">
        <meta data-rh="true" name="twitter:image:src" content="{{site.url}}{{favicon}}">
        {%- for item in  variable.langsupport -%}
        <link data-rh="true" rel="alternate" href="{{site.url | append:  item.permalink}}" hreflang="{{item.hreflang}}">
        {%- endfor -%}
        {% include cssfile/links.html %} 
        <script type="application/ld+json">
            {
            "@context": "http://schema.org",
                "@type": "Organization",
                "url": "{{site.siteurl}}",
                "logo": "{{site.siteurl}}{{site.logo}}" 
              }
        </script>
        <script type="application/ld+json">
            {
            "@context": "http://schema.org",
            "@type": "WebSite",
            "name": "{{site.name}}",
            "alternateName": "{{site.alternateName}}",
            "url": "{{site.siteurl}}"}
        </script>
        {%- if dataToShow.HOW_TO_CONTENT.size>0 -%}
        
        <script type="application/ld+json">
            {
            "@context": "http://schema.org",
            "@type": "HowTo", 
            "name": "{{dataToShow.HOW_TO_CONTENT.heading  | replace:'"', "'"  }}",
            "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
            "step": [
            {%- for item in dataToShow.HOW_TO_CONTENT.steps-%}
                {%- if forloop.last == true -%}
               { "@type": "HowToStep",
                "text": "{{item | replace:'"', "'"  }}",
                "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
                "url": "{{site.siteurl}}#step{{ forloop.index }}"
              }
                {%- else -%}
                { "@type": "HowToStep",
                "text": "{{item | replace:'"', "'" }}",
                "image": "{{site.siteurl}}{{dataToShow.HOW_TO_CONTENT.logoImageUrl}}",
                "url": "{{site.siteurl}}#step{{ forloop.index}}"
              },
                {%- endif -%}
            {%- endfor -%}
            ]
            }
        </script>
        {%- endif -%}
    
        {%- if dataToShow.FAQ.size>0 -%}

        <script type="application/ld+json">
            {
           "@context": "http://schema.org",
           "@type": "FAQPage",
          "mainEntity": [
               {%- for item in dataToShow.FAQ-%}
               {%- 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 -%}

        {%- if page.tool -%}
          {%- include Rating/structureddata.html -%}
        {%- endif -%}
        <!-- GA -->
        {%- include google-analytics.html -%}
    </head>