<header>
    <div class="container">
        <div class="header-top">
            <div class="row row-0">
                <div class="col-xs-8 col-sm-3">
                    <div class="top-content-left">
                        <a href="<?php echo route('home'); ?>" title="Página Inicial">
                            <img src="<?php echo asset('assets/img/logo_lg.png'); ?>" alt="Beirateca" class="logo"/>
                        </a>
                    </div>
                </div>
                <div class="col-xs-4 col-sm-9">
                    <div class="top-content-right hidden-xs">
                        <ul class="list-unstyled list-inline pull-right margin-top-25">
                            <li>
                                <a href="<?php echo route('brands.show', 'bosch'); ?>" title="Representantes Bosch" class="hidden-sm">Bosch</a>
                            </li>
                            <li>
                                <a href="<?php echo route('brands.show', 'stihl'); ?>" title="Representantes Stihl" class="hidden-sm">Stihl</a>
                            </li>
                            <!--<li>-->
                            <!--    <a href="<?php echo route('brands.show', 'viking'); ?>" title="Representantes Viking" class="hidden-sm">Viking</a>-->
                            <!--</li>-->
                            <li class="separator hidden-sm">|</li>
                            <li>
                                <a href="<?php echo route('assistence.index'); ?>" title="Sobre Nós">Assistência Técnica</a>
                            </li>
                            <li>
                                <a href="<?php echo route('company.index'); ?>" title="Sobre">Sobre Nós</a>
                            </li>
                            <li>
                                <a href="<?php echo route('contacts.index'); ?>" title="Contactos">Contactos</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom">
            <div class="col-sm-4 col-md-3 btn-categories">
                <?php if(Route::currentRouteName() == 'home'): ?>
                <div class="dropdown home">
                    <?php else: ?>
                    <div class="dropdown">
                        <?php endif; ?>
                        <h4 data-toggle="dropdown"><i class="fa fa-list"></i> Categorias <span class="fa fa-chevron-down"></span></h4>
                        <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
                            <li><a href="<?php echo route('promotions.index'); ?>">Novidades e Promoções</a></li>
                            <?php foreach($groups as $group): ?>
                            <li class="dropdown-submenu">
                                <a href="#"><?php echo $group->name; ?></a>
                                <?php if(count($group->families) == 1): ?>
                                <ul class="dropdown-menu list-inline">
                                <?php elseif(count($group->families) == 2): ?>
                                <ul class="dropdown-menu list-inline"  style="width: 400px;">
                                <?php elseif(count($group->families) == 3): ?>
                                <ul class="dropdown-menu list-inline"  style="width: 590px;">
                                <?php else: ?>
                                <ul class="dropdown-menu list-inline"  style="width: 760px; margin-top: -48px !important">    
                                <?php endif; ?>    
                                    
                                    
                                    <?php foreach($group->families as $key => $family): ?>

                                    <?php if($key && $key%4==0): ?>
                                    <div class="clearfix"></div>
                                    <?php endif; ?>
                                    <li>
                                        <a href="<?php echo route('products.index', array($group->slug, $family->slug)); ?>" class="family-title"><?php echo $family->name; ?></a>
                                        <?php if($family->subfamilies): ?>
                                        <ul class="list-subfamilies">
                                            <?php foreach($family->subfamilies as $subfamily): ?>
                                            <li><a href="<?php echo route('products.index', array($group->slug, $family->slug, $subfamily->slug)); ?>"><?php echo $subfamily->name; ?></a></li>
                                            <?php endforeach; ?>
                                        </ul>
                                        <?php endif; ?>
                                    </li>
                                    <?php endforeach; ?>
                                </ul>
                            </li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-8 col-md-9 search">
                    <form action="<?php echo route('search.index'); ?>" class="search">
                        <div class="row row-0">
                            <div class="col-sm-4 col-md-3 bg-white hidden-xs">
                                <?php echo Form::select('categoria', $searchSelect, Input::get('categoria'), array('class' => 'form-control select2')); ?>

                            </div>
                            <div class="col-sm-8 col-md-9">
                                <div class="input-group">
                                    <?php echo Form::text('search', Input::get('search'), array('class' => 'form-control', 'placeholder' => 'Procurar...', 'required')); ?>

                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
</header>