{% assign domain = '' | relative_url %}
{% if link.url == page.url %}
{% assign current = ' class="uk-active"' %}
{% else %}
{% assign current = ' class=""' %}
{% endif %}
{% if link.title %}
<li{{ current }}>
{% if link.url %}
{% if link.button %}
<div class="uk-navbar-item uk-link-muted" style='padding:0 5px;'>
  {% if link.type %}
  <a  style='padding:0;' href="{{ link.url }}" {% if link.url contains 'http' %}target="_blank" rel="noopener" {% endif %}>
  <span uk-icon={{link.type}}></span>
  </a>
  {% else %}
  <a class="uk-button uk-button-small uk-border-pill uk-button-{{ link.button | default: 'default' }}" href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank" rel="noopener" {% endif %}>
  {{ link.title }}
  </a>
  {% endif %}
</div>
{% else %}
<a class="uk-nav-title" href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank" rel="noopener" {% endif %}>{{ link.title }}</a>
{% endif %}
{% else %}
<a href="#">{{ link.title }}</a>
{% endif %}
{% if link.dropdown != null %}
<div class="uk-navbar-dropdown">
  <ul class="uk-nav uk-navbar-dropdown-nav">
    {% for item in link.dropdown %}
    {% if item.url != null %}
    {% assign domain = '' | relative_url %}
    {% if item.url == page.url %}
    {% assign current = ' class="uk-active"' %}
    {% else %}
    {% assign current = ' class=""' %}
    {% endif %}
    <li{{ current }}><a href="{{ domain }}{{ item.url }}">{{ item.title }}</a></li>
    {% else %}
    <li class="uk-nav-header">{{ item.title }}</li>
    {% endif %}
    {% endfor %}
  </ul>
</div>
{% endif %}
</li>
{% endif %}

