schoolkeep-header-with-search.html.sktl

<header class="school-website-header uk-z-4">
  <div class="uk-padding-horizontal uk-container uk-container-center">
    <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>
        {{ end }}
      </a>
      <div class="uk-navbar-flip">
        <ul class="uk-navbar-nav uk-hidden-small">
          {{ header_navigations.each 'website_navigation' }}
            <li>
              <a href="{{ website_navigation.path }}" {{if website_navigation.external?}} target="_blank" {{end}}>
                {{ website_navigation.name }}
              </a>
            </li>
          {{ end }}

          {{ if display_search_form }}
            <li class="uk-padding-top">
              {{ partial 'search_form' }}
            </li>
          {{ end }}

          {{ if current_learner }}
            <li class="uk-parent" data-uk-dropdown="{mode:'click'}">
              <a href="#" class="learner-name">{{current_learner.name}}</a>
              <div class="uk-dropdown uk-dropdown-flip uk-dropdown-navbar">
                <ul class="uk-nav uk-nav-navbar">
                  <li><a href="{{ routes.my_content_path }}">{{ current_school.my_content_label }}</a></li>
                  {{ unless current_school.sso_enabled? }}
                    <li><a href="{{ routes.my_profile_path }}">{{ t('.my_profile') }}</a></li>
                  {{ end }}
                  <li class="uk-nav-divider"></li>
                  <li><a href="{{ routes.log_out_path }}" data-method="delete" rel="nofollow">{{ t('.log_out') }}</a></li>
                </ul>
              </div>
            </li>
          {{ else }}
            <li><a href="{{ routes.log_in_path }}">{{ t('.log_in') }}</a></li>
          {{ end }}
        </ul>
        <div class="uk-visible-small">
         {{ if display_search_form }}
           <button class="uk-button uk-button-link uk-navbar-toggle mobile-search-toggle mobile-navbar-toggle" data-uk-toggle="{target:'#mobile-search'}">
           </button>
         {{ end }}
          <a href="#mobile-nav" class="mobile-navbar-toggle uk-navbar-toggle" data-uk-offcanvas></a>
        </div>
      </div>
    </nav>
  </div>
</header>