<div class="headerActions">

    <ul>
        

        <li class="searchListItem">

            <a href="#fullScreenSearch" class="actionButton textAction js_toggleSearch">
                <span class="actionText">Search</span>
                <div class="svgIcon">
                    {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/icons/search.svg')|raw }}
                </div>

            </a>

            <div id="fullScreenSearch" class="fullScreenSearch">

                <div class="wrapper">

                    {% include 'navigation/search.twig' with {
                        show_full_button: false,
                        disable_button: false
                    }%}

                    <div class="searchControls">
                        <button class="menuClose" id="closeSearch">
                            {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/icons/close.svg')|raw }}
                        </button>
                    </div> <!-- .searchControls -->

                </div> <!-- .wrapper -->

            </div> <!-- .fullScreenSearch -->
        </li>



        {% if settings.MEMBERS_SECTION %}

            <li class="loginListItem">


                {% if member.id is not empty %}
                    {% set members_link = route('members-dashboard', [], false) %}
                {% else %}
                    {% set members_link = route('members-login', [], false) %}
                {% endif %}

                <a
                        href="{{ members_link }}"
                        class="button textAction"
                >

                    {% if member.id is not empty %}

                        <span class="actionText">


                            {% if member.addressBilling.firstname is not empty %}
                                Hi, <span>{{ member.addressBilling.firstname|truncate(12) }}</span>
                            {% else %}
                                Members
                            {% endif %}

                        </span>

                    {% else %}

                        <span class="actionText">Login</span>

                    {% endif %}


                    <div class="svgIcon">
                        {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/icons/user.svg')|raw }}
                    </div>

                </a>

            </li>
        {% endif %}

        <li class="miniBasketListItem">
            
            <div class="miniBasketWrap">

                {% include 'shop/basket/mini.twig' %}

            </div> <!-- .secondaryNavigationItem -->

        </li>

        <li class="flyoutButtonItem">

            <a href="/" class="flyoutButton">
                <div class="innerButton">
                    <i class="openButton">
                        {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/icons/bars.svg')|raw }}
                    </i>
                    <i class="closeButton">
                        {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/icons/times.svg')|raw }}
                    </i>
                    <span class="visuallyHidden">Open mobile menu</span>
                </div>
            </a>

        </li>

    </ul>

</div> <!-- .headerOptionsWrap -->


