{{ with (.Site.GetPage "/headless/menu") }}
  <div class="menu-mobile">
    <div class="menu-mobile__header">
      {{ partial "logo-dark.html" . }}
      <button type="button" class="menu-mobile__close">{{ partial "svg" "close.svg" }}</button>
    </div>
    <ul class="menu-mobile__items">
      {{ range .Params.menuItems }}
        <li class="menu-mobile__item" data-path="{{ .id }}">
          <div class="menu-mobile__item-content">
            {{ if and (not .subMenuItems) .url }}
              <a href="{{ .url }}">
                {{ .name }}
              </a>
            {{ else }}
              {{ .name }}
            {{ end }}

            {{ if .mainMenuItems }}
              <button type="button" class="menu-mobile__expand">{{ partial "svg" "arrow-sm-down.svg" }}</button>
            {{ end }}
          </div>
          {{ if .mainMenuItems }}
            {{ range .mainMenuItems }}
              <ul class="menu-mobile__subitems">
                {{ if .name }}
                  <li class="menu-mobile__section-link">
                    {{ if .url }}
                      <a class="link link_neutral link_sm" href="{{ .url }}">
                        {{ .name }}
                      </a>
                    {{ else }}
                      <p>{{ .name }}</p>
                    {{ end }}
                  </li>
                {{ end }}
                {{ range .subMenuItems }}
                  <a href="{{ .url }}">
                    <li class="menu-mobile__subitem">
                      <span style="background-image: url(/img/menu/{{ .icon }})"></span>
                      {{ .name }}
                    </li>
                  </a>
                {{ end }}
              </ul>
            {{ end }}
          {{ end }}
        </li>
      {{ end }}
    </ul>
    <div class="menu-mobile__controls">
      <a
        data-metric-loc="mobile_nav"
        href="{{ .Params.logIn.url }}"
        class="button button_outlined button_lg menu-mobile__login"
      >
        {{ .Params.logIn.text }}
      </a>
      <a data-metric-loc="mobile_nav" href="{{ .Params.startFree.url }}" class="button button_contained button_lg">
        {{ .Params.startFree.text }}
      </a>
    </div>
  </div>
{{ end }}