{% if currentSite.handle == 'vidaDivinaES' %}
        {% set esUrl = 'es/' %}
    {% elseif currentSite.handle == 'colombia' %}
        {% set esUrl = 'co/' %}
    {% else %}
        {% set esUrl = '' %}
    {% endif %}

    {% set member = craft.imatrix.member() %}

    {% if (member and member.email != '' and entry.slug != 'shop-now') %}
    <div id="member-bar">
        <div class="member-bar-info">
            <p>{{member.member_id}} - {{member.full_name}}<p>{{member.phone}}</p><p>{{member.email}}</p>
        </div>
        <a href="{{ esUrl }}/shop-now" class="btn btn-primary inverse">Shop now</a>
    </div>
    {% endif %}

    <nav class="navbar fixed-top navbar-expand-lg">
        <a href="{{ siteUrl }}" class="navbar-brand">
            <img src="img/logo.svg" alt="Vida Divina" class="svg">
        </a>
        <button class="navbar-toggler" type="button" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
            <div class="navbar-toggler-icon">
                <div class="toggler-bar"></div>
                <div class="toggler-bar"></div>
                <div class="toggler-bar"></div>
            </div>
        </button>
        <div class="w-100" id="navbar">
            <ul id="nav-primary" class="navbar-nav ml-auto">
                <li class="nav-item nav-has-dropdown">
                    <a class="nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Brand'|t }}</a>

                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}brand/our-story">{{ 'Our Story'|t }}</a>
                        </li>
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}brand/our-team">{{ 'Our Team'|t }}</a>
                        </li>
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}brand/mission-vision">{{ 'Mission & Vision'|t }}</a>
                        </li>
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}brand/international">{{ 'International'|t }}</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{ esUrl }}productos/tedivina/tedivina-original">Productos</a>
                </li>
                <li class="nav-item nav-has-dropdown">
                    {% set rewards = craft.app.sections.getSectionByHandle('rewards') %}
                    <a class="nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Rewards'|t }}</a>

                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}compensacion">Compensación</a>
                        </li>
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}rewards/recognition">{{ 'Recognition'|t }}</a>
                        </li>
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}rewards/exotic-trip-rewards">{{ 'Exotic Trip Rewards'|t }}</a>
                        </li>
                    </ul>
                </li>
                <li class="nav-item nav-has-dropdown">
                    <a class="nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Marketing'|t }}</a>

                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        {# <li class="dropdown-item">
                            <a href="media/videos">Videos</a>
                        </li> #}
                        {# <li class="dropdown-item">
                            <a href="media/blog">Blog</a>
                        </li> #}
                        <li class="dropdown-item">
                            <a href="http://vidadivinastore.secureshopcart.com/index.php/" target="_blank">{{ 'Store'|t }}</a>
                        </li>
                        <li class="dropdown-item">
                            <a href="{{ esUrl }}media/press">{{ 'Press'|t }}</a>
                        </li>
                    </ul>
                </li>
                {# <li class="nav-item nav-has-dropdown">
                    <a class="nav-link" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ 'Events'|t }}</a>

                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <li class="dropdown-item">
                            <a href="https://vidadivina.regfox.com/vida-graduation-awards-ceremony" target="_blank">Vida Graduation & Awards Ceremony</a>
                        </li>
                    </ul>
                </li> #}
            </ul>

            <div class="nav-sep"></div>

            <ul id="locale-select">

                {% for lang in craft.app.sites.getAllSites() %}
                {% if lang.id == currentSite.id %}
                <li class="active-locale">{{ lang.name }}</li>
                {% endif %}
                {% endfor %}

                {% for lang in craft.app.sites.getAllSites() %}
                {% if lang.id != currentSite.id %}
                {% set url = alias(lang.baseUrl) %}
                <li><a href="{{ url }}">{{ lang.name }}</a></li>
                {% endif %}
                {% endfor %}

                <i class="fas fa-angle-down"></i>
            </ul>

            <div class="nav-sep"></div>

            <ul id="nav-social" class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link nav-social" href="https://www.facebook.com/VidaDivinaHQ/" target="_blank"><i class="fab fa-facebook-f"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-social" href="https://www.youtube.com/c/VidaDivinaHQ" target="_blank"><i class="fab fa-youtube"></i></a>
                </li>
            </ul>

            {# <a class="btn btn-primary inverse" href="https://vidadivina.com/{{ esUrl }}member-login" id="head-login">{{ 'Login'|t }}</a> #}

            <a class="btn btn-primary inverse" href="https://ssl5.office2office.com/index.php?cl=puy" id="head-login">{{ 'Login'|t }}</a>
        </div>
    </nav>