[viewBag]

[builderList]
modelClass = "TPS\Birzha\Models\Category"
scope = "scopeActiveAndParentFirstFour"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[session]
security = "all"

[builderList builderList2]
modelClass = "TPS\Birzha\Models\Category"
scope = "scopeActiveAndParentLastFour"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[builderList builderList3]
modelClass = "TPS\Birzha\Models\Category"
scope = "scopeActiveAndParent"
scopeValue = "{{ :scope }}"
displayColumn = "name"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[shopsettings]
==
{% set firstFourCategories = builderList.records %}
{% set lastFourCategories = builderList2.records %}
{% set categories = builderList3.records %}

<header class="header_area" style="border-top: 10px solid #f37b1c;">
    <!-- Top Header Area -->
    <div class="container">
        <ul class="top_header">

            {% if user %}
                <li>
                    <a href="{{ 'addProduct'|page }}">{{ 'header.HarytGosmak'|_ }}</a>
                </li>
                <li>
                    <a class="customA" data-request="onLogout" data-request-data="redirect: '/'" role="button">
                        {{ 'header.Cykmak'|_ }}
                    </a>
                </li>
            {% endif %}

            {% if not user %}
                <li>
                    <a href="{{ 'login'|page }}">
                        {{ 'header.HarytGosmak'|_ }}
                    </a>
                </li>
                <li>
                    <a href="{{ 'login'|page }}">
                        {{ 'header.IceriGirmek'|_ }}
                    </a>
                </li>
            {% endif %}

            <div class="language-dropdown">
                <div class="dropdown">
                    <a class="btn btn-sm dropdown-toggle" style="color: #999; padding: 0; text-transform: capitalize;" href="#" role="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        {{activeLocaleName}}
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1">
                        
                        {% for code, name in locales %}
                            {% if code != activeLocale %}
    
                            <a class="dropdown-item" href="#" data-request="onSwitchLocale" data-request-data="locale: '{{code}}'">
                                {{name }}
                            </a>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>

        </ul>
        
        
        
    </div>




    <!-- Main Menu -->
    <div class="bigshop-main-menu" style="border-bottom: 1px solid #d5d5d5;">
        <div class="container">
            <div class="bigshop_box" style="height:10%">
                <!-- Nav Brand -->
                <a href="{{ 'index'|page }}" class="nav-brand"><img src="{{ 'assets/img/logo/gurlushyk-logo2.png'|theme }}" alt="logo"></a>
                <!-- Search -->
                <div class="header_box-search-input">
                    <form action="{{ 'search'|page }}" method="GET">
                        <input class="searchGurl" type="search" name="name" placeholder="{{ 'header.Gozleg'|_ }}">
                        <button type="button">
                            <svg fill="#f27a1a" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM11,18a7,7,0,1,1,7-7A7,7,0,0,1,11,18Z"></path>
                            </svg>
                        </button>
                        <input type="submit" class="d-none" value="{{ 'header.Gozleg'|_ }}">
                    </form>
                </div>
                <!-- Hero Meta -->
                <div class="hero_meta_area">
                    <!-- Wishlist -->
                    <div class="wishlist-area">
                        <a href="{{ 'wishlist'|page }}" class="wishlist-btn"><i class="icofont-heart"></i></a>
                    </div>

                    <!-- Cart -->
                    <!-- Cart -->
                    <div class="cart-area">
                        <a href="{{ 'checkout'|page }}">
                            <div class="cart--btn"><i class="icofont-cart"></i> 
                                <span class="cart_quantity" id="cardQuantity">0</span>    
                            </div>
                        </a>
                    </div>

                    <!-- Account -->
                    <div class="account-area">
                        <div class="user-thumbnail">
                            {% if user %}
                                <i class="icofont-user" aria-hidden="true"></i>
                            {% else %}
                                <a href="{{ 'login'|page }}"><i class="icofont-user" aria-hidden="true"></i></a>
                            {% endif %}
                        </div>
                        {% if user %}
                            <ul class="user-meta-dropdown">
                                <li class="user-title"><span>{{ 'profileDropdown.Salam'|_ }},</span> {{ user.name }}</li>
                                <li><a href="{{ 'my-offers'|page }}">{{ 'profileDropdown.Harytlarym'|_ }}</a></li>
                                <li><a href="{{ 'chat'|page }}">{{ 'profileDropdown.Hatlarym'|_ }} 
                                
                                {% if user.getUnreadMessagesCount() > 0 %}
                                    <span class="badge badge-pill badge-primary" style="font-size: 10px;background: #f37b1c;">{{ user.getUnreadMessagesCount() }}</span></a></li>
                                {% endif %}
                                
                                <li><a href="{{ 'my-orders'|page }}">{{ 'profileDropdown.Zakazlarym'|_ }}</a></li>
                                <li><a href="{{ 'vendor-settings'|page }}">{{ 'profileDropdown.DukanSazlamalary'|_ }}</a></li>
                                <li><a href="{{ 'my-comments'|page }}">{{ 'profileDropdown.Kammentarialar'|_ }}</a></li>
                                <li><a href="{{ 'vendor-sales'|page }}">{{ 'profileDropdown.GelenSargytlar'|_ }}</a></li>
                                <li><a href="#" data-request="onDelete" data-request-confirm="{{ 'profileDropdown.PozmakIsleyanizmi'|_ }}" data-request-flash><span style="color:red;">{{ 'profileDropdown.HasabyPozmak'|_ }}</span></a></li>
                            </ul>
                        {% endif %}
                    </div>
                </div>


            </div>

            <div class="classy-nav-container breakpoint-off">
                <nav class="classy-navbar" id="bigshopNav" style="padding-top: 10px;padding-bottom: 10px;height: auto !important;">

                    <!-- Toggler -->
                    <div class="classy-navbar-toggler">
                        <span class="navbarToggler"><span></span><span></span><span></span></span>
                    </div>

                    <!-- Menu -->
                    <div class="classy-menu">
                        <!-- Close -->
                        <div class="classycloseIcon">
                            <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                        </div>

                        <!-- Nav -->
                        <div class="classynav">
                            <ul>
                            
                            
                                {% for key, item in staticMenu.menuItems %}

                                    {% if not item.viewBag.isHidden and item.items|length %}
                                    
                                      {% if key != 0 %}
                                            <li class="line" style="font-size: 12px;color: #b2b2b2;margin-left: 15px;margin-right: 15px;"> | </li>  
                                      {% endif %}
                                      
                                      <li class="megamenu-item"><a href="{{item.url}}">{{ item.title }}</a>
                                            <div class="megamenu">
                                                    <a href="{{item.url}}" class="customParentLink" style="{% if key == 0 %}padding-left: 0px;{% endif %}">{{ item.title }}</a>
                                                    <ul class="single-mega cn-col-4">
                                                        {% for item in item.items if item.viewBag.cssClass == 1 %}
                                                           <li><a href="{{ item.url }}">- {{ item.title }}</a></li>
                                                        {% endfor %}
                                                     </ul>
                                                     
                                                     <ul class="single-mega cn-col-4">
                                                       {% for item in item.items if item.viewBag.cssClass == 2 %}
                                                           <li><a href="{{ item.url }}">- {{ item.title }}</a></li>
                                                        {% endfor %}
                                                     </ul>
                                                     
                                                     
                                                     <ul class="single-mega cn-col-4">
                                                        {% for item in item.items if item.viewBag.cssClass == 3 %}
                                                           <li><a href="{{ item.url }}">- {{ item.title }}</a></li>
                                                        {% endfor %}
                                                     </ul>
                                                     
                                                     <ul class="single-mega cn-col-4">
                                                        {% for item in item.items if item.viewBag.cssClass == 4 %}
                                                           <li><a href="{{ item.url }}">- {{ item.title }}</a></li>
                                                        {% endfor %}
                                                     </ul>
                                                    
                                                  
                                            </div>
                                        </li>
                                      
                                      
                                      
                                    
                                    {% elseif not item.viewBag.isHidden %}
                                         
                                      {% if key != 0 %}
                                      <li class="line" style="font-size: 12px;color: #b2b2b2;margin-left: 15px;margin-right: 15px;"> | </li>  
                                      {% endif %}
                                         
                                      <li><a href="{{ item.url }}" style="{% if key == 0 %}padding-left: 0px;{% endif %}">{{item.title}}</a></li>
                                      
                    
                                    {% endif %}
                                {% endfor %}
                            
                            
                                
                            </ul>
                            
                            
                        </div>
                        <form  action="{{ 'search'|page }}" method="GET" class="header_box-search-input burger">
                            <input type="search" name="name" placeholder="{{ 'header.Gozleg'|_ }}">
                            <input type="submit" class="d-none" value="{{ 'header.Gozleg'|_ }}">
                            <button type="button">
                                <svg fill=" #f27a1a" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M21.71,20.29,18,16.61A9,9,0,1,0,16.61,18l3.68,3.68a1,1,0,0,0,1.42,0A1,1,0,0,0,21.71,20.29ZM11,18a7,7,0,1,1,7-7A7,7,0,0,1,11,18Z"></path>
                                </svg>
                            </button>
                        </form>
                    </div>


                </nav>
            </div>
        </div>
    </div>
</header>