<header class="school-website-header uk-z-4">
  <div class="uk-container-expand">
    <nav class="uk-navbar" data-behavior="dropdown">
      <a href="{{ current_school.logo_navigation_url }}" class="uk-brand">
        {% if current_school.logo_url %}
          <img src="{{ current_school.logo_url }}" alt="{{ current_school.name }}">
        {% else %}
          <span class="uk-text-large uk-text-bold">{{ current_school.name }}</span>
        {% endif %}
      </a>
      <div class="uk-navbar-flip">
        <ul class="uk-navbar-nav uk-hidden-small">
          {% for website_navigation in header_navigations %}
            <!--<li>
              <a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
                {{ website_navigation.name }}
              </a>
            </li>-->
          {% endfor %}

          {% search %}
            <li class="uk-padding-top">
              {% include "search_form" with "" %}
            </li>
          {% endsearch %}

          {% catalog_search %}
            <li class="uk-padding-top">
              {% include "catalog_search_form" with "" %}
            </li>
          {% endcatalog_search %}

          {% if current_person.signed_in? %}
            <!--<li>
              <a class="menu-profile-link" href="{{ routes.my_profile_path }}">Profile</a>
            </li>-->
            {% if current_person.id == "94aeff78-0991-4853-a4d6-2419078ddced" %}{% endif %}
            <li>
              <a href="#" class="uk-button uk-button-primary get-in-touch-btn" id="achievement-btn">ACHIEVEMENTS</a></li>
            </li>

            <li>
              <a href="#" class="uk-button uk-button-primary get-in-touch-btn" id="get-in-touch">GET IN TOUCH</a></li>
            </li>
            <li>
              <a href="{{ routes.log_out_path }}" class="profile-icon" data-method="delete" rel="nofollow"> <span>{% t .log_out %}</span></a>
            </li>
            {% for group in current_person.groups %}
              {% if group.name == "language dropdown test group" %}
                <li class="uk-parent" data-uk-dropdown="{mode:'click'}">
                  <a href="#" class="uk-button uk-button-primary lang-btn">语Aa</a>
                  <div class="uk-dropdown uk-dropdown-flip uk-dropdown-navbar">
                    <ul class="uk-nav uk-nav-navbar">
                      <li><a onclick="setLang('English')">English</a></li>
                      <li class="uk-nav-divider"></li>
                      <li><a onclick="setLang('Japanese')">Japanese (日本語)</a></li>
                      <li class="uk-nav-divider"></li>
                      <li><a onclick="setLang('Spanish')">Spanish (Español)</a></li>
                      <li class="uk-nav-divider"></li>
                      <li><a onclick="setLang('German')">German (Deutsch)</a></li>
                   </ul>
                  </div>
                </li>
              {% else %}
                <li class="uk-parent" data-uk-dropdown="{mode:'click'}">
                  <a href="#" class="uk-button uk-button-primary lang-btn">语Aa</a>
                  <div class="uk-dropdown uk-dropdown-flip uk-dropdown-navbar">
                    <ul class="uk-nav uk-nav-navbar">
                      <li><a onclick="setLang('English')">English</a></li>
                      <li class="uk-nav-divider"></li>
                      <li><a onclick="setLang('Spanish')">Spanish (Español)</a></li>
                      <li class="uk-nav-divider"></li>
                      <li><a onclick="setLang('Japanese')">Japanese (日本語)</a></li>
                      <li class="uk-nav-divider"></li>
                      <li><a onclick="setLang('German')">German (Deutsch)</a></li>
                    </ul>
                  </div>
                </li>
              {% endif %}
            {% endfor %}
          {% else %}
            <li><a href="{{ routes.log_in_path }}">{% t .log_in %}</a></li>
          {% endif %}
        </ul>
        <div class="uk-visible-small">
          {% search %}
            <button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
            </button>
          {% endsearch %}

          {% catalog_search %}
            <button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
            </button>
          {% endcatalog_search %}
          <a href="#mobile-nav" class="mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
        </div>
      </div>
    </nav>
  </div>
</header>

{% search %}
  <div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
    {% include "search_form" with "" %}
    <a class="uk-button uk-button-link" href="{{ routes.my_content_path }}">{% t .cancel %}</a>
  </div>
{% endsearch %}

{% catalog_search %}
  <div id="mobile-search" class="school-website-header uk-visible-small uk-position-top uk-padding uk-block-default uk-flex uk-border-bottom {% if hide_search_box %}uk-hidden {% endif %}">
    {% include "catalog_search_form" with "" %}
    <a class="uk-button uk-button-link" href="{{ routes.school_website_catalog_path }}">{% t .cancel %}</a>
  </div>
{% endcatalog_search %}

<div id="mobile-nav" class="uk-offcanvas">
  <div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
    <ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
      {% for website_navigation in header_navigations %}
        <li>
          <a href="{{ website_navigation.path }}" {% if website_navigation.external? %} target="_blank" {% endif %}>
            {{ website_navigation.name }}
          </a>
        </li>
      {% endfor %}

      {% if current_person.signed_in? %}
        <li><a href="{{ routes.my_content_path }}">{{ current_school.my_content_label }}</a></li>
        <!--<li><a href="{{ routes.my_profile_path }}">{% t .my_profile %}</a></li>-->
        <li class="uk-nav-divider"></li>
        <li><a href="{{ routes.log_out_path }}" data-method="delete" rel="nofollow">{% t .log_out %}</a></li>
      {% else %}
        <li><a href="{{ routes.log_in_path }}">{% t .log_in %}</a></li>
      {% endif %}
    </ul>
  </div>
</div>


<div class="overlay highlight-overlay" id="overlay">
  <div class="overlay-table">
    <div class="overlay-cell">
      <div class="overlay-container">
        <button class="overlay-close button-close" id="close-btn" type="button">Close Overlay</button>
        <div class="overlay-main-content">
          <p class="overlay-description">For any questions about DV University or DoubleVerify, please contact <a href="mailto:dvusupport@doubleverify.com">dvusupport@doubleverify.com</a></p>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="certificate-modal fade-in" id="certificate-modal">
  <div class="modal-content certificate-modal_content">
    <button class="button-close" id="modal2-close-btn"></button>

    <div class="modal-text modal-text_full">
        <h2>Achievements</h2>
        <p>To earn each certification, please complete the course requirements indicated for each badge on the right.</p>

        <h3>Certificates</h3>

        <div class="all-certificate_wrap">
            <div class="all-certificate_list">
              <ul class="certificate-list" id="certificate-list">

              </ul>

              <div class="completed-icon course-locked small-icon">
                <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
                <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
              </div>
            </div>
        </div>


        <h3>Badges</h3>
        <div class="all-course_list" data-current-language="{{current_person.properties.language}}">
          <div class="cert-badge-block" data-cert-img="" data-cert-title="" data-cert-name="iq_blueprint"  data-cert-id="234061">
            <div class="cert-badge-logo">
              <img src="https://doubleverify.com/wp-content/uploads/2021/03/DV_ELM_Badges_Blueprint.png" id="iq_blueprint_badge_logo" class="filter-gray iq-badge-logo" alt="Blueprint badge">
            </div>

            <div class="cert-badge-course iq_blueprint_badge">
              {% if current_person.properties.language == 'English' %}
                {% assign iq_blueprint_badge_ids = "189c66ba-9d61-4bf8-a2aa-f5a2ddccfa59, 1ec77a63-095e-4e83-adc3-75cb91d91af6, c320ea8c-35ba-4fab-b26c-a7733e719aa1" | split: ','%}
              {% else if current_person.properties.language == 'Spanish' %}
                {% assign iq_blueprint_badge_ids = "f340cd77-1c7b-49c1-b32d-9203a4b3c71f, d8ffa29d-ae2b-494a-96fd-8ce24a40bd2f, 6b122483-99db-4a43-a200-153cba1698fd" | split: ','%}
              {% else if current_person.properties.language == 'Russian' %}
                {% assign iq_blueprint_badge_ids = "c57e0f78-0c7c-40a7-ad77-b693cd700745, eeb7f906-60ce-4b35-b76b-b596e284a8f7, 9042ed2e-72ee-4985-8e68-58e0b03f60b5" | split: ','%}
              {% else if current_person.properties.language == 'Japanese' %}
                {% assign iq_blueprint_badge_ids = "b4097773-a204-422e-819e-b5435aabb8aa, 78fe62de-ab86-4b06-a242-cfa8571dc7c4, 47bc0167-1c08-457d-b214-1eb97ee56279" | split: ','%}
              {% else if current_person.properties.language == 'German' %}
                {% assign iq_blueprint_badge_ids = "963d6292-388e-4df2-9c94-1e3d601704d7, 30717306-1d11-4183-8ed1-3fb14c8c5e6b, f9e92da3-8350-400f-a949-195cc0dfcb17" | split: ','%}
              {% else if current_person.properties.language == 'French' %}
                {% assign iq_blueprint_badge_ids = "07d0ae43-49ac-4183-9ef6-56541165b7e4, 2b4cb076-03e9-420a-b4fe-808a5d918452, 6ecc6f58-0379-48cc-af2d-47aea42136f4" | split: ','%}
              {% endif %}

              <ul class="cert-course-list" id="iq_blueprint_course-list">
                {% for course in my_content.courses %}
                  <!-- {% if course.properties.language == current_person.properties.language %} -->
                    {% if iq_blueprint_badge_ids[0] contains course.id or iq_blueprint_badge_ids[1] contains course.id or iq_blueprint_badge_ids[2] contains course.id %}
                      <li data-progress="{{ course.progress }}" data-id="{{ course.id }}" class="{% if course.progress == 100 %}completed{% else %}{% if course.progress > 0 %}started{% endif %}{% endif %}">{{ course.name }}</li>
                    {% endif %}
                  <!-- {% endif %} -->
                {% endfor %}
              </ul>
              <input type="hidden" class="iq-badge-total" id="iq_blueprint_badge_total" value="{{ iq_blueprint_badge_ids.size }}">
            </div>
            <div class="completed-icon course-locked small-icon">
              <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
              <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
            </div>
          </div>

          <div class="cert-badge-block" data-cert-img="" data-cert-title="" data-cert-name="iq_performance" data-cert-id="234076">
            <div class="cert-badge-logo">
              <img src="https://doubleverify.com/wp-content/uploads/2021/03/DV_ELM_Badges_Analytics.png" class="filter-gray iq-badge-logo" alt="Quality Analytics Badge">
            </div>

            <div class="cert-badge-course iq_performance_badge">
              {% if current_person.properties.language == 'English' %}
                {% assign iq_performance_badge_ids = "96f8474f-453e-416b-8d3f-0a0b8e9fbad1" | split: ','%}
              {% else if current_person.properties.language == 'Spanish' %}
                {% assign iq_performance_badge_ids = "55422640-285b-4a01-b46e-6a0fd65f52d7" | split: ','%}
              {% else if current_person.properties.language == 'Russian' %}
                {% assign iq_performance_badge_ids = "a97707dc-e565-4801-8315-703a7592a53e" | split: ','%}
              {% else if current_person.properties.language == 'Japanese' %}
                {% assign iq_performance_badge_ids = "ce417ba6-5284-4e2d-a315-84c4973ab2fd" | split: ','%}
              {% else if current_person.properties.language == 'German' %}
                {% assign iq_performance_badge_ids = "08c1c03b-0ecd-45d6-8025-4e27a957b412" | split: ','%}
              {% else if current_person.properties.language == 'French' %}
                {% assign iq_performance_badge_ids = "55bc6f97-47a8-4ebc-987f-799e782c3546" | split: ','%}
              {% endif %}

              <ul class="cert-course-list">
                {% for course in my_content.courses %}
                  {% if iq_performance_badge_ids[0] contains course.id %}
                    <li data-progress="{{ course.progress }}" data-id="{{ course.id }}" class="{% if course.progress == 100 %}completed{% else %}{% if course.progress > 0 %}started{% endif %}{% endif %}">{{ course.name }}</li>
                  {% endif %}
                {% endfor %}
              </ul>
              <input type="hidden" class="iq-badge-total" value="{{ iq_performance_badge_ids.size }}">
            </div>
            <div class="completed-icon course-locked small-icon">
              <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
              <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
            </div>
          </div>

          <div class="cert-badge-block" data-cert-img="" data-cert-title="" data-cert-name="tag_generator" data-cert-id="">
            <div class="cert-badge-logo"><img src="https://doubleverify.com/wp-content/uploads/2024/02/DV_ELM_Badges_TaggingSolutions.png" class="filter-gray iq-badge-logo" alt="Tag Generator Badge"></div>

            <div class="cert-badge-course tag_generator_badge">
              {% if current_person.properties.language == 'English' %}
                {% assign tag_generator_badge_ids = "f46d2369-dfcb-4108-8225-336c4759f877" | split: ','%}
              {% else if current_person.properties.language == 'Spanish' %}
                {% assign tag_generator_badge_ids = "22467135-ecc7-498f-b303-720487363bec" | split: ','%}
              {% else if current_person.properties.language == 'Russian' %}
                {% assign tag_generator_badge_ids = "512cd9c7-c884-422a-90ce-c499caaaf7bf" | split: ','%}
              {% else if current_person.properties.language == 'Japanese' %}
                {% assign tag_generator_badge_ids = "98f2eb27-bc93-4e86-be8d-a50b85cff70f" | split: ','%}
              {% else if current_person.properties.language == 'German' %}
                {% assign tag_generator_badge_ids = "85d8768b-a04b-452a-a553-a7627748bc7e" | split: ','%}
              {% else if current_person.properties.language == 'French' %}
                {% assign tag_generator_badge_ids = "f351cdf6-932f-4ed0-93ca-08b350f86f18" | split: ','%}
              {% endif %}
              <ul class="cert-course-list">
                {% for course in my_content.courses %}
                  {% if tag_generator_badge_ids[0] contains course.id %}
                    <li data-progress="{{ course.progress }}" data-id="{{ course.id }}" class="{% if course.progress == 100 %}completed{% else %}{% if course.progress > 0 %}started{% endif %}{% endif %}">{{ course.name }}</li>
                  {% endif %}
                {% endfor %}
              </ul>
              <input type="hidden" class="iq-badge-total" value="{{ tag_generator_badge_ids.size }}">
            </div>
            <div class="completed-icon course-ongoing small-icon">
              <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
              <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
            </div>
          </div>

          <div class="cert-badge-block" data-cert-img="" data-cert-title="" data-cert-name="social_solution" data-cert-id="">
            <div class="cert-badge-logo"><img src="https://doubleverify.com/wp-content/uploads/2022/05/social-solutions.png" class="filter-gray iq-badge-logo" alt="Social Solutions Badge"></div>

            <div class="cert-badge-course social_solution_badge">

              {% if current_person.properties.language == 'English' %}
                {% assign social_solution_badge_ids = "d97ef57a-b004-4459-88f5-9ae5ebdf2c2d" | split: ','%}
              {% else if current_person.properties.language == 'Spanish' %}
                {% assign social_solution_badge_ids = "8619c119-278b-4b9b-ab20-0de63daa91d8" | split: ','%}
              {% else if current_person.properties.language == 'Russian' %}
                {% assign social_solution_badge_ids = "d2f3225b-fc69-4958-a74e-158137b65146" | split: ','%}
              {% else if current_person.properties.language == 'Japanese' %}
                {% assign social_solution_badge_ids = "9c01dbd9-e5c5-4f76-97eb-7a09382d9035" | split: ','%}
              {% else if current_person.properties.language == 'German' %}
                {% assign social_solution_badge_ids = "312f7a71-81db-41e2-b8cb-89c7ef85a45e" | split: ','%}
              {% else if current_person.properties.language == 'French' %}
                {% assign social_solution_badge_ids = "dc8fc6e8-a8b9-4f63-92f4-0353782de173" | split: ','%}
              {% endif %}
              <ul class="cert-course-list">
                {% for course in my_content.courses %}
                  {% if social_solution_badge_ids[0] contains course.id %}
                    <li data-progress="{{ course.progress }}" data-id="{{ course.id }}" class="{% if course.progress == 100 %}completed{% else %}{% if course.progress > 0 %}started{% endif %}{% endif %}">{{ course.name }}</li>
                  {% endif %}
                {% endfor %}
              </ul>
              <input type="hidden" class="iq-badge-total" value="{{ social_solution_badge_ids.size }}">
            </div>
            <div class="completed-icon course-locked small-icon">
              <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
              <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
            </div>
          </div>

          <div class="cert-badge-block" data-cert-img="" data-cert-title="" data-cert-name="programmatic_solutions" data-cert-id="">
            <div class="cert-badge-logo"><img src="https://doubleverify.com/wp-content/uploads/2022/05/programmatic-solutions.png" class="filter-gray iq-badge-logo" alt="programmatic Solutions Badge"></div>

            <div class="cert-badge-course programmatic_solutions_badge">

              {% if current_person.properties.language == 'English' %}
                {% assign programmatic_solutions_badge_ids = "1ab6a178-6b95-486a-900c-9374c0773ae0" | split: ','%}
              {% else if current_person.properties.language == 'Spanish' %}
                {% assign programmatic_solutions_badge_ids = "10c0d8ab-33cd-4120-aa84-88de0fa1097c" | split: ','%}
              {% else if current_person.properties.language == 'Russian' %}
                {% assign programmatic_solutions_badge_ids = "8494a936-da9c-4c23-8ce4-dcb58dafbb52" | split: ','%}
              {% else if current_person.properties.language == 'Japanese' %}
                {% assign programmatic_solutions_badge_ids = "84ce2d71-8a15-49de-b21d-7475a1ef0fd6" | split: ','%}
              {% else if current_person.properties.language == 'German' %}
                {% assign programmatic_solutions_badge_ids = "538efded-8875-4e34-9592-a1e09e45bda7" | split: ','%}
              {% else if current_person.properties.language == 'French' %}
                {% assign programmatic_solutions_badge_ids = "d9c2de41-aa4f-4534-909b-2b0cbe4ceb15" | split: ','%}
              {% endif %}
              <ul class="cert-course-list">
                {% for course in my_content.courses %}
                  {% if programmatic_solutions_badge_ids[0] contains course.id %}
                    <li data-progress="{{ course.progress }}" data-id="{{ course.id }}" class="{% if course.progress == 100 %}completed{% else %}{% if course.progress > 0 %}started{% endif %}{% endif %}">{{ course.name }}</li>
                  {% endif %}
                {% endfor %}
              </ul>
              <input type="hidden" class="iq-badge-total" value="{{ programmatic_solutions_badge_ids.size }}">
            </div>
            <div class="completed-icon course-locked small-icon">
              <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
              <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
            </div>
          </div>

          <div class="cert-badge-block" data-cert-img="" data-cert-title="" data-cert-name="authentic_attention" data-cert-id="">
            <div class="cert-badge-logo"><img src="https://doubleverify.com/wp-content/uploads/2022/06/DV_ELM_Badges__Authentic-Attention-1.png" class="filter-gray iq-badge-logo" alt="Authentic Attention Badge"></div>

            <div class="cert-badge-course authentic_attention_badge">

              {% if current_person.properties.language == 'English' %}
                {% assign authentic_attention_badge_ids = "409a0308-924b-4d88-bdd8-aac3c226ffdf" | split: ','%}
              {% else if current_person.properties.language == 'Spanish' %}
                {% assign authentic_attention_badge_ids = "d8d32873-be1c-47a7-bf14-9f94f8705163" | split: ','%}
              {% else if current_person.properties.language == 'Russian' %}
                {% assign authentic_attention_badge_ids = "409a0308-924b-4d88-bdd8-aac3c226ffdf" | split: ','%}
              {% else if current_person.properties.language == 'Japanese' %}
                {% assign authentic_attention_badge_ids = "409a0308-924b-4d88-bdd8-aac3c226ffdf" | split: ','%}
              {% else if current_person.properties.language == 'German' %}
                {% assign authentic_attention_badge_ids = "409a0308-924b-4d88-bdd8-aac3c226ffdf" | split: ','%}
              {% else if current_person.properties.language == 'French' %}
                {% assign authentic_attention_badge_ids = "409a0308-924b-4d88-bdd8-aac3c226ffdf" | split: ','%}
              {% endif %}
              <ul class="cert-course-list">
                {% for course in my_content.courses %}
                  {% if authentic_attention_badge_ids[0] contains course.id %}
                    <li data-progress="{{ course.progress }}" data-id="{{ course.id }}" class="{% if course.progress == 100 %}completed{% else %}{% if course.progress > 0 %}started{% endif %}{% endif %}">{{ course.name }}</li>
                  {% endif %}
                {% endfor %}
              </ul>
              <input type="hidden" class="iq-badge-total" value="{{ authentic_attention_badge_ids.size }}">
            </div>
            <div class="completed-icon course-locked small-icon">
              <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
              <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
            </div>
          </div>

          <div class="cert-badge-block" data-cert-img="" data-cert-title="" data-cert-name="pinnacle_publishers" data-cert-id="">
            <div class="cert-badge-logo"><img src="https://doubleverify.com/wp-content/uploads/2024/04/DV_ELM_Badge_PinnacleForPub.png" class="filter-gray iq-badge-logo" alt="DV Pinnacle Publishers Badge"></div>

            <div class="cert-badge-course pinnacle_publishers_badge">

              {% if current_person.properties.language == 'English' %}
                {% assign pinnacle_publishers_badge_ids = "738021ce-297b-4397-84e6-a3b5ea68f168" | split: ','%}
              {% else if current_person.properties.language == 'Spanish' %}
                {% assign pinnacle_publishers_badge_ids = "738021ce-297b-4397-84e6-a3b5ea68f168" | split: ','%}
              {% else if current_person.properties.language == 'Russian' %}
                {% assign pinnacle_publishers_badge_ids = "738021ce-297b-4397-84e6-a3b5ea68f168" | split: ','%}
              {% else if current_person.properties.language == 'Japanese' %}
                {% assign pinnacle_publishers_badge_ids = "738021ce-297b-4397-84e6-a3b5ea68f168" | split: ','%}
              {% else if current_person.properties.language == 'German' %}
                {% assign pinnacle_publishers_badge_ids = "738021ce-297b-4397-84e6-a3b5ea68f168" | split: ','%}
              {% else if current_person.properties.language == 'French' %}
                {% assign pinnacle_publishers_badge_ids = "738021ce-297b-4397-84e6-a3b5ea68f168" | split: ','%}
              {% endif %}
              <ul class="cert-course-list">
                {% for course in my_content.courses %}
                  {% if pinnacle_publishers_badge_ids[0] contains course.id %}
                    <li data-progress="{{ course.progress }}" data-id="{{ course.id }}" class="{% if course.progress == 100 %}completed{% else %}{% if course.progress > 0 %}started{% endif %}{% endif %}">{{ course.name }}</li>
                  {% endif %}
                {% endfor %}
              </ul>
              <input type="hidden" class="iq-badge-total" value="{{ pinnacle_publishers_badge_ids.size }}">
            </div>
            <div class="completed-icon course-locked small-icon">
              <img src="https://doubleverify.com/wp-content/uploads/2020/12/right-tick.png" alt="completed icon">
              <img src="https://doubleverify.com/wp-content/uploads/2022/05/course-locked.svg" alt="locked">
            </div>
          </div>
        </div>

        <p class="shareable-note">Please note that shareable versions of your badges and certifications are delivered via email within one business day of completing your assigned courses. Please reach out to <a href="mailto:dvusupport@doubleverify.com">dvusupport@doubleverify.com</a> with any questions.</p>

        <div class="modal-bg-shape">
            <img src="https://doubleverify.com/wp-content/uploads/2019/11/purple-lines-hero-dark-no-shadow.svg" alt="image">
        </div>
        <!-- .modal-bg-shape -->
    </div>
    <!-- .modal-text -->

  </div><!-- .modal-content -->
</div>

<script>
  //get in touch btn
  var closebtn = document.getElementById('close-btn');
  var overlay = document.getElementById('overlay');
  var getin_touch = document.getElementById('get-in-touch');
  getin_touch.onclick = function(){
    overlay.classList.add('active');
    return false;
  }
  closebtn.onclick = function(){
    overlay.classList.remove('active');
  }

  //achievement btn
  var modal_closebtn = document.getElementById('modal2-close-btn');
  var certificate_modal = document.getElementById('certificate-modal');
  var achievement_btn = document.getElementById('achievement-btn');
  achievement_btn.onclick = function(){
    certificate_modal.classList.add('show');
    return false;
  }
  modal_closebtn.onclick = function(){
    certificate_modal.classList.remove('show');
  }

  //get query string
  var querystring = window.location.search;
  var urlparams = new URLSearchParams(querystring);
  if(urlparams.has('certificate')){
    if(urlparams.get('certificate') == 1){
      if(certificate_modal.classList.contains('show') == false){
        certificate_modal.classList.add('show');
      }
    }
  }

  //iq_blueprint_certificate
  /*var iq_blueprint_badge_logo = document.getElementById('iq_blueprint_badge_logo');
  var iq_blueprint_badge_total = document.getElementById('iq_blueprint_badge_total').value;
  var iq_blueprint_course_list = document.getElementById('iq_blueprint_course-list');
  var total_iq_blueprint_course_list = iq_blueprint_course_list.getElementsByTagName('li');
  var total_marks = 0;
  for(var i = 0; i < total_iq_blueprint_course_list.length; i++ ){
    total_marks += parseInt(total_iq_blueprint_course_list[i].getAttribute('data-progress'));
  }
  if((iq_blueprint_badge_total * 100) % total_marks == 0){
    iq_blueprint_badge_logo.classList.remove('filter-gray');
    var li = '<li><img src="https://doubleverify.com/wp-content/uploads/2020/12/DV_ELM_Certificate.png" alt=""><h6>DV Pinnacle</h6></li>';
    document.getElementById('certificate-list').innerHTML = li;
  }
  */


  /*var badge_completed = 0;
  var badge_completed_list = Array();
  var iq_cert_block = document.querySelectorAll('.cert-badge-block');
  iq_cert_block.forEach(function (e,i){
    var iq_cert_img = e.getAttribute('data-cert-img');
    var iq_cert_name = e.getAttribute('data-cert-name');
    var iq_cert_title = e.getAttribute('data-cert-title');
    var iq_badge_logo = e.querySelectorAll('.iq-badge-logo')[0];
    var iq_badge_total = e.querySelectorAll('.iq-badge-total')[0].value;
    var iq_course_list = e.querySelectorAll('.cert-course-list');
    var total_iq_course_list = e.querySelectorAll('li');
    var course_status = e.querySelectorAll('.completed-icon')[0];
    var total_marks = 0;

    for(var i = 0; i < total_iq_course_list.length; i++ ){
      total_marks += parseInt(total_iq_course_list[i].getAttribute('data-progress'));
    }

    if(total_marks > 0){
      course_status.classList.remove('course-locked');
    }
    if(((iq_badge_total * 100) / total_marks) == 1){
      iq_badge_logo.classList.remove('filter-gray');
      course_status.classList.add('completed-active');
      badge_completed += 1;
      badge_completed_list.push(iq_cert_name);
    }
  });

  //Pinnacle Certificate Codes
  var li = "";
  li += '<li class="filter-gray"><img src="https://doubleverify.com/wp-content/uploads/2021/03/DV_ELM_Certificate_FINAL.png" alt="DV Pinnacle"><h6>DV Pinnacle</h6></li>';
  li += '<li class="filter-gray"><img src="https://doubleverify.com/wp-content/uploads/2021/03/DV_ELM_Badges_Analytics.png" class="iq-badge-logo" alt="Quality Analytics Badge"></li>';
  li += '<li class="filter-gray"><img src="https://doubleverify.com/wp-content/uploads/2021/03/DV_ELM_Badges_Blueprint.png" class="iq-badge-logo" alt="Quality Analytics Badge"></li>';
  document.getElementById('certificate-list').innerHTML= li;
  var pinnacle_cert_badges = ["iq_blueprint", "iq_performance"]; //Badges for Pinnacle
  if(pinnacle_cert_badges.every(i => badge_completed_list.includes(i))){
    var certificate_list = certificate_modal.querySelectorAll('.certificate-list')[0].querySelectorAll('li');
    for(var i = 0; i < certificate_list.length; i++ ){
      certificate_modal.querySelectorAll('.certificate-list')[0].getElementsByTagName('li')[i].classList.remove('filter-gray');
    }
    var all_certificate_list = certificate_modal.querySelectorAll('.all-certificate_list')[0];
    all_certificate_list.querySelectorAll('.completed-icon')[0].classList.remove('course-locked');
    all_certificate_list.querySelectorAll('.completed-icon')[0].classList.add('completed-active');
  }*/

</script>
<script>
function setLang(lang) {
  var data = {
            uuid : '{{current_person.id}}',
            language : lang
        };
  $.ajax({
        type : 'POST',
        url : 'https://hooks.zapier.com/hooks/catch/8404380/b2oee3b/', //zapier link
        data: JSON.stringify(data),
        success:function (data) {
            console.log(data);
            setTimeout(location.reload.bind(location), 1000);
        },
        error: function(xhr, status, error) {
            console.log(error)
      }
    });
}

</script>
