WordPress

<div class="wv_frame">
    <div class="wv_navigation">
        {% if app.user %}
            <div class="login_mobile_division">
                <div class="user_name" data-toggle="dropdown" aria-expanded="true">
                    <span class="login_label">Welcome {{ app.user.firstName }}</span>
                    <span class="login_avatar"><img src="{{ asset('uploads/avatar/')~app.user.avatar }}" alt=""></span>
                </div>
            </div>
        {% else%}
            <div class="login_mobile_division">
                <ul class="login_dt">
                    <li><a href="{{ path('fos_user_security_login') }}">Sign In</a></li>
                    <li><a href="{{ path('fos_user_registration_register') }}">Register</a></li>
                </ul>
            </div>
        {% endif %}

        <ul class="utility_nav">
            {% if app.user %}
                <li><a href="{{ path('membershp_membership_index') }}">Car(<span class="cart_count">0</span>)</a></li>
                {% for type in helper.getAllStockTypes() %}
                    <li><a href="{{ path('home_search_type', {title:type.title}) }}">{{type.title|capitalize}}</a></li>
                {% endfor %}
                {% if is_granted('ROLE_CONTRIBUTOR') %}
                    <li><a href="{{ path('contributor_dashboard') }}">Dashboard</a></li>
                {% elseif is_granted('ROLE_MEMBER') %}

                    <li><a href="{{ path('membershp_membership_index') }}">Dashboard</a></li>
                {% endif %}
                <li><a href="{{ path('fos_user_security_logout') }}">Logout</a></li>
            {% else %}
                <li><a href="{{ path('membershp_membership_offline') }}">Cart (<span class="cart_count">0</span>)</a></li>
                {% for type in helper.getAllStockTypes() %}
                    <li><a href="{{ path('home_search_type', {title:type.title}) }}">{{type.title|capitalize}}</a></li>
                {% endfor %}
            {% endif %}

        </ul>
    </div>
    <div class="vw_content">
        {#<div class="top_header">
            <ul class="top_menu_items">
                {% for type in helper.getAllStockTypes() %}
                    <li><a href="{{ path('home_search_type', {title:type.title}) }}">{{type.title|capitalize}}</a></li>
                {% endfor %}
            </ul>
        </div>#}

        <div class="header_inline">
            <div class="logo_col">
                <div class="menu_toggle">
                    <div class="menu_toggle_icon">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <span class="menu_toggle_label">Menu</span>
                </div>
                <a href="{{ path('home_index') }}" class="sura_logo"><img src="{{asset('images/sura_logo.png')}}" alt="Sura Images"></a>
            </div>

            <div class="app_header_left search_results_serach_div">
                <div class="hero_search">
                    <form action="{{ path('search_elastica_search') }}" id="home_search_form" method="get">
                        <div class="button_col" onclick="home_search()"></div>
                        <div class="input_col">
                            <div class="search_input">
                                <input type="text" name="searchbar" placeholder="Search African images and videos...">
                            </div>
                            <div class="selectdiv">
                                <select class="selectboxdiv" name="searchtype" id="">
                                    {% for type in helper.getAllStockTypes %}
                                        {% if type.title == 'video' %}
                                            {%  set title = 'Videos' %}
                                        {% else %}
                                            {% set title ='Images' %}
                                        {% endif %}
                                        <option value="{{ type.id }}" data-title="{{ type.title }}">{{ title}}</option>
                                    {% endfor %}
                                </select>
                                <div class="out">{#{{ helper.getAllStockTypes|first.title|capitalize }}#}Images</div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="app_header_right">
                <div class="not-auth-box">
                    {% if app.user %}

                        <a href="{{ path('membershp_membership_index') }}" class="shopping_cart"  data-toggle="" data-target="">
                            <span class="cart_count">0</span>
                        </a>
                        <ul class="menu_nav_items">
                            <li><a href="{{ path('membershp_membership_index') }}" class="clear-cart" data-hovermenu="Dashboard">Dashboard</a></li>
                        </ul>



                    {% else %}
                        <a href="{{ path('membershp_membership_offline') }}" class="shopping_cart"  data-toggle="" data-target="">
                            <span class="cart_count">0</span>
                        </a>
                    {% endif %}

                    <ul class="menu_nav_items">
                        {% if app.user %}
                            <li><a href="{{ path('fos_user_security_logout') }}" class="clear-cart" data-hovermenu="Logout">Logout</a></li>
                        {% else %}
                            <li><a href="/login" data-hovermenu="Sign In">Sign In</a></li>
                            <li><a href="/register/" data-hovermenu="Register">Register</a></li>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </div>
        <div class="menu_overlay"></div>