<?php //echo '<pre>'; print_r($this->categories); die; ?>
<div class="custom-navbar">
    <div class="top-header d-md-block d-lg-block hidden-xs">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6">
                    <div class="header-address"> <address>
                     <a href="mailto:info@avasgraf.com"> <i class="fas fa-envelope"></i>
                             info@avasgraf.com    
                     </a> </address> <address><i class="fa fa-map-marker-alt"> </i>
                             Pakki kotli Daska Road, Opposite Gujrat University  ’ Sialkot Road , Pakistan.</address> </div>
                    </div>
                <div class="col-lg-offset-2 col-lg-4">
                    <div class="home-menu">
                        <nav>
                            <ul>
                                <li><a href="<?php echo base_url(); ?>">Home</a></li>
                                <li><a href="<?php echo base_url('brand-history'); ?>">Brand Histoy</a></li>
                                <li><a href="<?php echo base_url('catalogues'); ?>">Catalouge</a></li>
                                <li><a href="<?php echo base_url('terms-conditions'); ?>">Terms</a></li>
                                <li><a href="<?php echo base_url('privacy-policy'); ?>">Privacy Policy</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav id="w2" class="navbar navbar-default navbar-fixed-top">
        <div class="navbar-header">
            <a class="burger-toggle dropdown-toggle" href="https://www.merida-bikes.com/en/#" onclick="this.childNodes[0].classList.toggle('collapsed')" data-toggle="dropdown" aria-expanded="false">
                <button type="button" class="navbar-toggle hidden-sm hidden-md hidden-lg collapsed" data-toggle="collapse" data-target="#w2-collapse"><span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar-1"></span> <span class="icon-bar icon-bar-2"></span> <span class="icon-bar icon-bar-3"></span></button>
            </a>
            <a class="navbar-brand" href="#"></a>
            <a class="navbar-brand navbar-right hidden-sm hidden-md hidden-lg" href="<?php echo base_url() ?>"> <img src="images/logo.png" alt="brand"></a>
        </div>
        <div id="w2-collapse" class="collapse navbar-collapse">
            <!--------------------------------------------------------- navbar brand -->
            <a class="navbar-brand navbar-right hidden-xs" href="<?php echo base_url() ?>"> <img src="images/logo.png" alt="brand"> </a>
            <!---------------------------------------------- secondary items DESKTOP -->
            <!--------------------------------------- search widget -->
            <div class="hidden-xs">
                <div class="search-input search-input-nav search-input-nav-desk">
                    <?php echo form_open('cart/search','id="frontend-search-form-w5" class=""');?>
                    <!-- <form id="frontend-search-form-w5" action="https://www.merida-bikes.com/search/frontend/index" method="get"> -->
                        <div class="search-input-form-group"> <i class="fas fa-search search-input-icon"></i>
                            <div class="form-group field-query">
                                <label class="control-label" for="query">Query</label>
                                <input type="text" name="term" id="query" class="form-control search-input-input" placeholder="Search" onchange="$(&quot;#frontend-search-form-w5&quot;).submit()">
                                <div class="help-block"></div>
                            </div>
                            <button type="submit" class="btn btn-primary search-input-submit">Search</button> <i class="fas fa-times search-input-close"></i> </div>
                    </form>
                </div>
            </div>
            <div class="hidden-sm hidden-md hidden-lg">
                <div class="search-input search-input-nav search-input-nav-mobile">
                    <form id="frontend-search-form-w6" action="https://www.merida-bikes.com/search/frontend/index" method="get">
                        <div class="search-input-form-group"> <i class="search-input-icon mcg-icon mcg-icon-search"></i>
                            <div class="form-group field-query">
                                <label class="control-label" for="query">Query</label>
                                <input type="text" id="query" class="form-control search-input-input" name="query" placeholder="Search" onchange="$(&quot;#frontend-search-form-w6&quot;).submit()">
                                <div class="help-block"></div>
                            </div>
                            <button type="submit" class="btn btn-primary search-input-submit">Search</button> <i class="search-input-close mcg-icon mcg-icon-close"></i> </div>
                    </form>
                </div>
            </div>
            
            <!--------------------------------------- primary items MOBILE & DESKTOP -->
            <?php if(isset($this->categories) && !empty($this->categories)){ ?>
            <ul id="w7" class="navbar-nav primary-nav-items nav" style="">
                <?php foreach($this->categories as $c_key => $c_val){ ?>
                <li class="dropdown"><a class="dropdown-toggle" data-page-id="35" data-domain-id="merida-bikes" data-lvl="1" data-toggle="dropdown"><?php echo $c_val['category']->name; ?> <span class="caret"></span></a>
                    <?php if(isset($c_val['children']) && !empty($c_val['children'])){ ?>
                    <ul id="w8" class="dropdown-menu" data-parent-domain-id="merida-bikes">
                        <?php foreach($c_val['children'] as $child_key => $child_val){ ?>
                        <?php if(isset($child_val['children']) && !empty($child_val['children'])){ ?>
                            <?php $a=0; foreach($child_val['children'] as $sub_child_key => $sub_child_val){ ?>
                                <?php if($a==0){ ?>
                                <li class="dropdown-submenu"><a class="" href="<?=site_url($sub_child_val['category']->slug)?>" data-page-id="58" data-domain-id="merida-mountainbikes" data-lvl="2" tabindex="-1"><?php echo $child_val['category']->name; ?></a>
                                <?php } ?>
                            <?php $a++; } ?>
                        <?php }else{ ?>
                            <li class="dropdown-submenu"><a class="" href="<?=site_url($child_val['category']->slug)?>" data-page-id="58" data-domain-id="merida-mountainbikes" data-lvl="2" tabindex="-1"><?php echo $child_val['category']->name; ?></a>
                        <?php } ?>
                            <?php if(isset($child_val['children']) && !empty($child_val['children'])){ ?>
                            <ul data-parent-domain-id="merida-bikes">
                                
                                <li>
                                    <a class="" href="#" data-page-id="59" data-domain-id="mtb-full-suspension" data-lvl="3" tabindex="-1"></a>
                                </li>
                                
                                <?php foreach($child_val['children'] as $sub_child_key => $sub_child_val){ ?>
                                <li><a class="" href="<?=site_url($sub_child_val['category']->slug)?>"
                                data-page-id="60"
                                data-domain-id="mtb-hardtails"
                                data-lvl="3"
                                tabindex="-1"><?php echo $sub_child_val['category']->name; ?></a></li>
                                <?php } ?>
                           </ul>
                            <?php } ?>
                        </li>
                        <?php } ?>
                        
                    </ul>
                    <?php } ?>
                </li>
                <?php } ?>
                
            </ul>
            <?php } ?>
            <!----------------------------------------------- secondary items MOBILE -->
            <!----------------------------------------------- remove subnavigation for mobile -->
            <div class="hidden-sm hidden-md hidden-lg">
                <ul id="w11" class="navbar-nav mobile nav">
                    
                    
                    <li><a href="<?php echo base_url('about-us') ?>">ABOUT US </a></li>
                    <li><a href="<?php echo base_url('contact-us') ?>">CONTACTU US </a></li>
                    
                   
                    
                    
                </ul>
            </div>
        </div>
    </nav>
</div>



<div class="clearfix"></div>