{% assign lang = page.lang %}
{% assign dataToShow = site.data.footer[lang].data %}
{%- assign networksitesData = site.data.footer.networksites -%}
{%- include languages/languages.html -%}
{% assign dataFile= site.data[folder][lang][file] %}
<footer class="footer-section">
    <div class="footer-wrap">
        <div class="container">
            <div class="footer-single-col">
                <div class="row d-flex  justify-content-between">
                    <div class="col-md-2 txt-secondary">
                        <p class="font-weight-bold txt-primary footer_subheading">{{dataToShow.linksTitle | default:
                            'Links' }}</p>
                        {% for data in dataToShow.links %}
                        <p class="mb-4"><a class="footer-links txt-secondary" href="{{data.url}}">{{data.name}}</a></p>
                        {% endfor %}
                    </div>
                    <div class="col-md-2 txt-secondary ">
                        <p class=" font-weight-bold txt-primary footer_subheading">{{dataToShow.producttitle | default:
                            'tools' }}</p>
                        {% for data in dataToShow.tools %}
                        <p class="mb-4"><a class="footer-links txt-secondary" href="{{data.url}}">{{data.name}}</a></p>
                        {% endfor %}
                    </div>
                    <div class="col-md-2 txt-secondary ">
                        <p class="font-weight-bold txt-primary footer_subheading">{{dataToShow.networksitestitle |
                            default: 'Network sites'}}</p>
                        {% for data in networksitesData.networkSites %}
                        <p class="mb-4"><a class="footer-links txt-secondary" href="{{data.url}}">{{data.name}}</a></p>
                        {% endfor %}
                    </div>
                    <div class="col-md-2 txt-secondary">
                        <p class=" font-weight-bold txt-primary footer_subheading">{{dataToShow.companytitle | default:
                            'Company' }}</p>
                        {% for data in dataToShow.company %}
                        <p class="mb-4"><a class="footer-links txt-secondary" href="{{data.url}}">{{data.name}}</a></p>
                        {% endfor %}
                    </div>
                </div>
                <div class="col-md-12 txt-secondary mb-5">
                    {%- if dataToShow.logo -%}
                    <div class="footer-logo-cont">
                        <img loading="lazy" src="{{dataToShow.logo}}" title="logo" class="footer-logo  d-block"
                            alt="footer logo" width="30px" height="30px">
                        <span class="email_heaidng">
                            {{dataToShow.heading}}
                        </span>
                    </div>
                    {%- endif -%}
                    <hr class="footer_hr">
                    <div class="footer-social-list my-5">
                        <ul class="list-inline">
                            {% for data in dataToShow.social %}
                            <li>
                                <a id="{{data.url}}" href="{{data.url}}" target="_blank" aria-label="{{ data.url }}">
                                    <img src="{{data.icon}}" width="20px" height="20px" alt="share_icon">
                                    </img>
                                </a>
                            </li>
                            {% endfor %}
                        </ul>
                    </div>

                    {%- if site.internationalization -%}
                    <center>
                        <button id="int-modal-btn" type="button" class="drop-down-btn" data-toggle="modal"
                            data-target="#staticBackdrop">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
                                <path
                                    d="M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4ZM11.619 15.428L8.57155 15.4289C8.9774 16.7012 9.60471 17.924 10.4358 19.0678C10.8198 19.1532 11.2151 19.2073 11.6191 19.2282L11.619 15.428ZM15.4284 15.4289L12.38 15.428L12.3809 19.2282C12.7849 19.2073 13.1802 19.1532 13.5641 19.0687C14.3953 17.924 15.0226 16.7012 15.4284 15.4289ZM18.3762 15.4285L16.0984 15.4284C15.7811 16.5746 15.31 17.6754 14.703 18.7169C16.2768 18.0829 17.5774 16.9109 18.3762 15.4285ZM7.90159 15.4284L5.62381 15.4285C6.42258 16.9109 7.72324 18.0829 9.29827 18.717C8.69002 17.6754 8.21891 16.5746 7.90159 15.4284ZM7.4355 12.3803L4.77175 12.3809C4.81342 13.1846 4.98617 13.9535 5.26904 14.6669L7.71488 14.6666C7.55555 13.9205 7.46086 13.1572 7.4355 12.3803ZM15.9653 12.3808L12.38 12.38V14.666L15.6434 14.6671C15.8277 13.9178 15.9362 13.1537 15.9653 12.3808ZM19.2282 12.3809L16.5645 12.3803C16.5391 13.1572 16.4444 13.9205 16.2851 14.6666L18.731 14.6669C19.0138 13.9535 19.1866 13.1846 19.2282 12.3809ZM11.619 12.38L8.03469 12.3808C8.06384 13.1537 8.17229 13.9178 8.35656 14.6671L11.619 14.666V12.38ZM7.78068 8.95226L5.43294 8.95224C5.05284 9.76985 4.82095 10.6703 4.77175 11.6191L7.4329 11.6194C7.45634 10.71 7.57476 9.81899 7.78068 8.95226ZM15.5678 8.95239L12.38 8.952V11.619H15.968L15.9673 11.5875C15.9382 10.6945 15.8033 9.81313 15.5678 8.95239ZM18.5671 8.95224L16.2193 8.95226C16.4252 9.81899 16.5437 10.71 16.5671 11.6194L19.2282 11.6191C19.1791 10.6703 18.9472 9.76985 18.5671 8.95224ZM11.619 8.952L8.43217 8.95239C8.16446 9.93108 8.02667 10.9364 8.02667 11.9553L8.031 11.619H11.619V8.952ZM9.22964 5.31048L9.02453 5.39982C7.70745 5.99451 6.60023 6.97185 5.84458 8.19011L7.98594 8.19044C8.28727 7.19147 8.70587 6.2283 9.22964 5.31048ZM12.3809 4.77175L12.38 8.19L15.3312 8.18991C14.9387 7.06132 14.371 5.97399 13.6406 4.949C13.2322 4.85405 12.8116 4.79408 12.3809 4.77175ZM14.7693 5.31058L14.9321 5.60148C15.3809 6.43124 15.7444 7.2965 16.0141 8.19044L18.1554 8.19011C17.3607 6.9088 16.177 5.89399 14.7693 5.31058ZM10.5701 4.90311L10.3594 4.949C9.629 5.97399 9.06128 7.06132 8.66884 8.18991L11.619 8.19L11.6191 4.77175C11.262 4.79027 10.9117 4.83467 10.5701 4.90311Z">
                                </path>
                            </svg> {%- for item in site.pages -%}
                            {%- assign languagetext = [item.lang] -%}
                            {%- assign pagelink = page.permalink | split: "/" | last-%}
                            {%- assign itemlink = item.permalink | split: "/" | last-%}
                            {%- if pagelink == itemlink and page.lang == item.lang and page.permalink == item.permalink
                            -%}
                            {{languagetext[1]}}
                            {%- endif -%}
                            {%- endfor -%}
                        </button>
                    </center>

                    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false"
                        tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                        <div class="modal-dialog ">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select Language
                                    </h5>
                                    <button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body px-md-5">
                                    <ul class="language-drop-down-menu">
                                        {%- if page.permalink == nil -%}
                                        <li class="language-drop-down-item font-weight-bold ">
                                            <a class="active-lang" href="/">English
                                                <img src="/assets/images/check.svg" width="18px" height="18px"
                                                    alt="check"></img> </a>
                                        </li>
                                        {%- for i in matchurls -%}
                                        {%- for checklang in site.pages -%}
                                        {%- if checklang.permalink == i -%}
                                        {%- assign languagetext = [i] -%}
                                        <li class="language-drop-down-item">
                                            <a href="/{{i}}">{{languagetext[1]}}</a>
                                        </li>
                                        {%- endif -%}
                                        {%- endfor -%}

                                        {%- endfor -%}
                                        {%- else -%}

                                        {%- if matchurls contains page.permalink -%}
                                        <li class="language-drop-down-item">
                                            <a href="/">English </a>
                                        </li>
                                        {%- for i in matchurls -%}
                                        {%- assign languagetext = [i] -%}
                                        {%- if i== page.permalink -%}
                                        <li class="language-drop-down-item font-weight-bold ">
                                            <a class="active-lang" href="/{{i}}">{{languagetext[1]}}
                                                <img src="/assets/images/check.svg" width="18px" height="18px"
                                                    alt="check"></img> </a>
                                        </li>
                                        {%- else -%}
                                        {%- for checklang in site.pages -%}
                                        {%- if checklang.permalink == i -%}
                                        {%- assign languagetext = [i] -%}
                                        <li class="language-drop-down-item">
                                            <a href="/{{i}}">{{languagetext[1]}}</a>
                                        </li>
                                        {%- endif -%}
                                        {%- endfor -%}
                                        {%- endif -%}
                                        {%- endfor -%}
                                        {%- else -%}
                                        {%- for item in site.pages -%}
                                        {%- assign languagetext = [item.lang] -%}
                                        {%- assign pagelink = page.permalink | split: "/" | last-%}
                                        {%- assign itemlink = item.permalink | split: "/" | last-%}
                                        {%- if pagelink == itemlink and page.lang != item.lang and page.permalink !=
                                        item.permalink -%}
                                        <li class="language-drop-down-item">
                                            <a href="{{item.permalink}}">{{languagetext[1]}} </a>
                                        </li>
                                        {%- endif -%}
                                        {%- if pagelink == itemlink and page.lang == item.lang -%}
                                        <li class="language-drop-down-item font-weight-bold ">
                                            <a class="active-lang" href="{{item.permalink}}">{{languagetext[1]}}
                                                <img src="/assets/images/check.svg" width="18px" height="18px"
                                                    alt="check"></img>
                                            </a>
                                        </li>
                                        {%- endif -%}
                                        {%- endfor -%}
                                        {%- endif -%}
                                        {%- endif -%}
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                    {%- endif -%}
                    {%- if page.nointernationalization -%}
                    <div></div>
                    {%- else -%}
                    {%- if site.internationalizationall -%}
                    <center>
                        <button id="int-modal-btn" type="button" class="drop-down-btn" data-toggle="modal"
                            data-target="#staticBackdrop">
                            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
                                <path
                                    d="M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4ZM11.619 15.428L8.57155 15.4289C8.9774 16.7012 9.60471 17.924 10.4358 19.0678C10.8198 19.1532 11.2151 19.2073 11.6191 19.2282L11.619 15.428ZM15.4284 15.4289L12.38 15.428L12.3809 19.2282C12.7849 19.2073 13.1802 19.1532 13.5641 19.0687C14.3953 17.924 15.0226 16.7012 15.4284 15.4289ZM18.3762 15.4285L16.0984 15.4284C15.7811 16.5746 15.31 17.6754 14.703 18.7169C16.2768 18.0829 17.5774 16.9109 18.3762 15.4285ZM7.90159 15.4284L5.62381 15.4285C6.42258 16.9109 7.72324 18.0829 9.29827 18.717C8.69002 17.6754 8.21891 16.5746 7.90159 15.4284ZM7.4355 12.3803L4.77175 12.3809C4.81342 13.1846 4.98617 13.9535 5.26904 14.6669L7.71488 14.6666C7.55555 13.9205 7.46086 13.1572 7.4355 12.3803ZM15.9653 12.3808L12.38 12.38V14.666L15.6434 14.6671C15.8277 13.9178 15.9362 13.1537 15.9653 12.3808ZM19.2282 12.3809L16.5645 12.3803C16.5391 13.1572 16.4444 13.9205 16.2851 14.6666L18.731 14.6669C19.0138 13.9535 19.1866 13.1846 19.2282 12.3809ZM11.619 12.38L8.03469 12.3808C8.06384 13.1537 8.17229 13.9178 8.35656 14.6671L11.619 14.666V12.38ZM7.78068 8.95226L5.43294 8.95224C5.05284 9.76985 4.82095 10.6703 4.77175 11.6191L7.4329 11.6194C7.45634 10.71 7.57476 9.81899 7.78068 8.95226ZM15.5678 8.95239L12.38 8.952V11.619H15.968L15.9673 11.5875C15.9382 10.6945 15.8033 9.81313 15.5678 8.95239ZM18.5671 8.95224L16.2193 8.95226C16.4252 9.81899 16.5437 10.71 16.5671 11.6194L19.2282 11.6191C19.1791 10.6703 18.9472 9.76985 18.5671 8.95224ZM11.619 8.952L8.43217 8.95239C8.16446 9.93108 8.02667 10.9364 8.02667 11.9553L8.031 11.619H11.619V8.952ZM9.22964 5.31048L9.02453 5.39982C7.70745 5.99451 6.60023 6.97185 5.84458 8.19011L7.98594 8.19044C8.28727 7.19147 8.70587 6.2283 9.22964 5.31048ZM12.3809 4.77175L12.38 8.19L15.3312 8.18991C14.9387 7.06132 14.371 5.97399 13.6406 4.949C13.2322 4.85405 12.8116 4.79408 12.3809 4.77175ZM14.7693 5.31058L14.9321 5.60148C15.3809 6.43124 15.7444 7.2965 16.0141 8.19044L18.1554 8.19011C17.3607 6.9088 16.177 5.89399 14.7693 5.31058ZM10.5701 4.90311L10.3594 4.949C9.629 5.97399 9.06128 7.06132 8.66884 8.18991L11.619 8.19L11.6191 4.77175C11.262 4.79027 10.9117 4.83467 10.5701 4.90311Z">
                                </path>
                            </svg> {{dataFile.Language}}
                        </button>
                    </center>
                    <div class="modal fade" id="staticBackdrop" data-backdrop="static" data-keyboard="false"
                        tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                        <div class="modal-dialog ">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title text-center w-100 " id="staticBackdropLabel">Select Language
                                    </h5>
                                    <button type="button" class="close" id="close-modal" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body px-md-5">
                                    <ul class="language-drop-down-menu">
                                        {%- for item in matchurls -%}
                                        {%- if item != 'zh-TW' -%}
                                        {%- if item == 'en'-%}
                                        {%- if dataFile.htmlLangAtt == item -%}
                                        <li class="language-drop-down-item font-weight-bold ">
                                            <a class="active-lang" href="{{ page.permalink}}">English
                                                <img src="/assets/images/check.svg" width="18px" height="18px"
                                                    alt="check"></img> </a>
                                        </li>
                                        {%- else -%}
                                        <li class="language-drop-down-item">
                                            {%- if dataFile.homePage -%}
                                            <a href="/">English</a>
                                            {%- else -%}
                                            <a href="/{{ page.permalink | split: '/' | last}}">English
                                            </a>
                                            {%- endif -%}

                                        </li>
                                        {%- endif -%}

                                        {%- else -%}
                                        {%- if dataFile.htmlLangAtt == item -%}
                                        <li class="language-drop-down-item font-weight-bold ">
                                            {%- if page.permalink | split: '/' | last != item -%}
                                            <a class="active-lang" href="{{ page.permalink}}">{{[item][1]}}
                                                <img src="/assets/images/check.svg" width="18px" height="18px"
                                                    alt="check"></img>
                                            </a>
                                            {%- else -%}
                                            <a class="active-lang" href="/{{item}}">{{[item][1]}}
                                                <img src="/assets/images/check.svg" width="18px" height="18px"
                                                    alt="check"></img> </a>
                                            {%- endif -%}
                                        </li>
                                        {%- else -%}
                                        <li class="language-drop-down-item ">
                                            {%- if page.permalink | split: '/' | last != item -%}
                                            {%- if dataFile.homePage -%}
                                            <a href="/{{item}}">{{[item][1]}}
                                            </a>
                                            {%- else -%}
                                            <a href="/{{item}}/{{ page.permalink | split: '/' | last}}">{{[item][1]}}
                                            </a>
                                            {%- endif -%}

                                            {%- else -%}
                                            <a href="/{{item}}">{{[item][1]}}
                                            </a>
                                            {%- endif -%}
                                        </li>
                                        {%- endif -%}

                                        {%- endif -%}
                                        {%- endif -%}


                                        {%- endfor -%}
                                    </ul>

                                </div>

                            </div>
                        </div>
                    </div>
                    {%- endif -%}
                    {%- endif -%}
                </div>
                <div class="copyright-text mt-5 txt-secondary text-center">
                    <p>
                        {{dataToShow.messege}}
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>