<header class="">
  <div class="marketing-nav-wrapper">
  {%- assign courses = my_content.courses -%}
    <nav
      class="marketing-nav marketing-nav__primary hh-margin-t"
      id="ShopifyMainNav"
      itemscope="itemscope"
      itemtype="https://schema.org/SiteNavigationElement"
      role="navigation"
      aria-label="Main Navigation"
      style="background-color: white !important;"
      >
      <a href="{{ current_school.logo_navigation_url }}" class="uk-brand">

        {% if current_school.logo_url %}
        <div class="marketing-nav__logo" style="margin-top: 20px; margin-right: 0;">
          <a href="/">
            <img src="https://s3.us-west-2.amazonaws.com/static.schoolkeep.com/AllenTate/Tate+Logo+Lockup+2+(1).png" class="small-height"alt="{{ current_school.name }}">
          </a>
        </div>
        {% else %}
          <span class="uk-text-large uk-text-bold">{{ current_school.name }}</span>
        {% endif %}
      </a>
      <div class="uk-navbar-flip">
        <!-- uk-hidden-small -->
        <ul class="hh-desktop-nav  marketing-nav__items marketing-nav__user">

          <li class="hh-search" style="padding-top: 15px;">
           <div class="marketing-nav__item marketing-nav__item--user">
            {% include "search_form" with "" %}
           </div>
          </li>

          <li>
            <a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Home
            </a>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/#Courses" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Courses
            </a>
            <div class="survey-tooltip">
            {%- for course in courses -%}
              {% if course.course_category_names contains "Allen Tate Certifications" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AllenTateCertifications">Allen Tate Certifications</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Allen Tate Advantage" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AllenTateAdvantage">Allen Tate Advantage</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Lead Generation" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#LeadGeneration">Lead Generation</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Marketing Skills and Strategies" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#MarketingSkillsandStrategies">Marketing Skills and Strategies</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Business Generation Suite" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#BusinessGenerationSuite">Business Generation Suite</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Working with Buyers" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#WorkingwithBuyers">Working with Buyers</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Working with Sellers" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#WorkingwithSellers">Working with Sellers</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Luxury Homes" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#LuxuryHomes">Luxury Homes</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Family of Companies & Our Partners" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#FamilyofCompanies">Family of Companies & Our Partners</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Health & Wellness" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#Health">Health & Wellness</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Real Estate Essentials" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#RealEstateEssentials">Real Estate Essentials</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}

              {% if current_person.properties.access_level == 'region-admin' or
                    current_person.properties.access_level == 'office-owner' or
                    current_person.properties.access_level == 'Global Admin in Moxiworks' or
                    current_person.properties.access_level == 'Regional Manager' or
                    current_person.properties.access_level == 'Sales Office Manager' or
                    current_person.properties.access_level == 'Corporate Manager' or
                    current_person.properties.access_level == 'manager'
              %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AllenTateLeadership">Allen Tate Leadership</a>
              </div>
              {% endif %}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Staff Development" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#StaffDevelopment">Staff Development</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            </div>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Events
            </a>
            {% comment %} <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
              </div>
              <div class="white-background">
                <a >In-Person Registration</a>
              </div>
            </div> {% endcomment %}
          </li>
          <li class="live-workshops">
            <a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Pre-Recorded Webinars
            </a>
            <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Hoby's Town Halls</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/96f82b1d-5904-4c99-8fa1-5eba64787834/cover" target="_blank">Tate Talk Live</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/67a00789-adfb-418f-a319-615221809d5f/cover" target="_blank">Marketing</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/da15ad68-3f42-40c1-98a1-f8a4e228726b/cover" target="_blank">Business Generation Suite</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/6b033139-2a14-4188-b429-9e96378f8492/cover" target="_blank">General</a>
              </div>


          </li>
          <li>
			<a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Institute by LeadingRE
            </a>
          </li>
          <li class="live-workshops">
            <a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Affiliated Learning Links
            </a>
            <div class="survey-tooltip">

                    <div class="white-background">
                      <a href="https://allentate.theceshop.com/" target="_blank">The CE Shop</a>
                    </div>

              <div class="white-background">
                <a href="https://info.superiorschoolnc.com/allen-tate-agents" target="_blank">Superior School of Real Estate</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
              </div>
              <div class="white-background">
                <a href="https://sellnewhomes.com/HannaLiveCNHS" target="_blank">Certified New Home Specialist</a>
              </div>

            </div>
          </li>

          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user"
              itemprop="name">
              Resources
            </a>
          </li>

          <li class="live-workshops">
            <a  class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              {{current_person.name}}
            </a>
              <div class="survey-tooltip">
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
                </div>
              </div>
            </li>
        </ul>
        <!-- uk-visible-small -->
        <div class="hh-mobile-nav ">
          {% 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="black-text 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-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 }}">Back</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>
                <li class="hh-search" style="padding-top: 15px;">
           <div class="marketing-nav__item marketing-nav__item--user">
            {% include "search_form" with "" %}
           </div>
          </li>

          <li>
            <a href="https://www.hannauniversity.com/" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Home
            </a>
          </li>
          <li class="live-workshops">
            <a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Courses
            </a>
            <div class="survey-tooltip">
            {%- for course in courses -%}
              {% if course.course_category_names contains "Allen Tate Certifications" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AllenTateCertifications">Allen Tate Certifications</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Allen Tate Advantage" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AllenTateAdvantage">Allen Tate Advantage</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Lead Generation" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#LeadGeneration">Lead Generation</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Marketing Skills and Strategies" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#MarketingSkillsandStrategies">Marketing Skills and Strategies</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Business Generation Suite" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#BusinessGenerationSuite">Business Generation Suite</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Working with Buyers" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#WorkingwithBuyers">Working with Buyers</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Working with Sellers" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#WorkingwithSellers">Working with Sellers</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Luxury Homes" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#LuxuryHomes">Luxury Homes</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Family of Companies & Our Partners" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#FamilyofCompanies">Family of Companies & Our Partners</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Health & Wellness" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#Health">Health & Wellness</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}

              {% if current_person.properties.access_level == 'region-admin' or
                    current_person.properties.access_level == 'office-owner' or
                    current_person.properties.access_level == 'Global Admin in Moxiworks' or
                    current_person.properties.access_level == 'Regional Manager' or
                    current_person.properties.access_level == 'Sales Office Manager' or
                    current_person.properties.access_level == 'Corporate Manager' or
                    current_person.properties.access_level == 'manager'
              %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#AllenTateLeadership">Allen Tate Leadership</a>
              </div>
              {% endif %}
            {%- for course in courses -%}
              {% if course.course_category_names contains "Staff Development" %}
              <div class="white-background">
                <a href="https://www.hannauniversity.com/#StaffDevelopment">Staff Development</a>
              </div>
              {%break%}
              {%- endif -%}
            {%- endfor -%}
            </div>
          </li>
          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/training_events" target="_blank" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Events
            </a>
            {% comment %} <div class="survey-tooltip">
              <div class="white-background">
                <a href="https://www.hannauniversity.com/training_events" target="_blank">Virtual Workshops</a>
              </div>
              <div class="white-background">
                <a >In-Person Registration</a>
              </div>
            </div> {% endcomment %}
          </li>
          <li class="live-workshops">
            <a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Pre-Recorded Webinars
            </a>
            <div class="survey-tooltip">
             <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/a99f3fe7-f395-4a32-a29f-ed565906e7fb/cover" target="_blank">Hoby's Town Halls</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/96f82b1d-5904-4c99-8fa1-5eba64787834/cover" target="_blank">Tate Talk Live</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/67a00789-adfb-418f-a319-615221809d5f/cover" target="_blank">Marketing</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/da15ad68-3f42-40c1-98a1-f8a4e228726b/cover" target="_blank">Business Generation Suite</a>
              </div>
              <div class="white-background">
                <a href="https://www.hannauniversity.com/courses/6b033139-2a14-4188-b429-9e96378f8492/cover" target="_blank">General</a>
              </div>


          </li>
          <li>
            <a href="https://sso.moxiworks.com/saml/0469dfc6-6b26-42ab-9d3d-266a7748852d/initiate" class="marketing-nav__item marketing-nav__item--user" target="_blank" itemprop="name">
              Institute by LeadingRE
            </a>
          </li>
          <li class="live-workshops">
            <a class="marketing-nav__item marketing-nav__item--user" itemprop="name">
              Affiliated Learning Links
            </a>
            <div class="survey-tooltip">

                    <div class="white-background">
                      <a href="https://allentate.theceshop.com/" target="_blank">The CE Shop</a>
                    </div>

              <div class="white-background">
                <a href="https://info.superiorschoolnc.com/allen-tate-agents" target="_blank">Superior School of Real Estate</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4523" target="_blank">NAR Certifications</a>
              </div>
              <div class="white-background">
                <a href="http://affiliate.learninglibrary.com//Process/Link?id=4524" target="_blank">NAR Designations</a>
              </div>

            </div>
          </li>

          <li class="live-workshops">
            <a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user"
              itemprop="name">
              Resources
            </a>
          </li>
                {% comment %} <li class="live-workshops">
                  <a href="https://www.hannauniversity.com/#ChecklistResources" class="marketing-nav__item marketing-nav__item--user" itemprop="name">
                    Checklists & Resources
                  </a>
                </li> {% endcomment %}

          <li class="live-workshops">
              <a class="marketing-nav__item marketing-nav__item--user" itemprop="name">{{ current_person.name }}</a>
              <div class="survey-tooltip">
                <div class="white-background">
                  <a href="https://www.hannauniversity.com/my_courses" target="_blank">My Courses</a>
                </div>
              </div>
            </li>
        </ul>
  </div>
</div>

<style>

  .school-website-header {
    box-shadow: none !important;
  }

  .survey-tooltip {
    visibility: hidden;
    width: 300px;
    position: absolute;
    line-height: 3.5;
    min-height: 110px;
    font-size: 15px;
    border-radius: 3px;
    box-shadow: 3px 3px 11px rgba(0,0,0,0.08);
    transition: 0.1s;
    z-index: 10;
  }

  .live-workshops:hover .survey-tooltip {
    visibility: visible;
  }

  .survey-tooltip:hover {
    visibility: visible;
  }

  .white-background {
    background-color: rgb(249, 250, 252);
    padding: 0 20px;
  }

  .white-background {
    line-height: 2;
    padding: 10px 20px;
    background: #fff;
  }
  .survey-tooltip {
    min-height: 10px !important;
  }
  .hh-coaching {
    line-height: 2;
    padding: 10px 20px;
  }

</style>
