<header class="gl-header">
<div class="searchbar">
<div class="icon back">
<button type="button" data-ng-click="toggleSearch()">
<i class="material-icons">arrow_back</i>
</button>
</div>
<div class="query">
<input type="text" class="form-control" placeholder="Pesquisar...">
</div>
<div class="icon search">
<button type="button">
<i class="material-icons">search</i>
</button>
</div>
</div>
<nav class="navbar">
<div class="container-fluid">
<div class="navbar-header">
<gmd-hamburger></gmd-hamburger>
<a class="navbar-brand" href="#" data-ng-click="navCollapse()">
Gumga Studio
</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<i class="material-icons">more_vert</i>
</button>
<button type="button" class="navbar-toggle" data-ng-click="toggleSearch()">
<i class="material-icons">search</i>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav organizations">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">domain</i>
</a>
<ul class="dropdown-menu">
<li>
<div class="form-group">
<input type="text" class="form-control gmd" data-ng-model="org_search" placeholder="Pesquisar...">
<div class="bar"></div>
</div>
</li>
<li data-ng-repeat="org in organizations | filter: org_search">
<a href="#">
<span data-ng-bind="org.name"></span>
</a>
</li>
<li role="separator" class="divider"></li>
<li>
<a href="#">
Gumga Gumga
<span class="glyphicon glyphicon-ok"></span>
</a>
</li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left search hidden-sm hidden-xs">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">
<i class="material-icons">search</i>
</span>
<input type="text" class="form-control" placeholder="Pesquisar...">
</div>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
Mateus <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Conta</a></li>
<li><a href="#">Trocar senha</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Sair</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right apps hidden-sm hidden-xs">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">apps</i>
</a>
<ul class="dropdown-menu">
<li class="apps-icons">
<table class="table">
<tr>
<td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
<td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
<td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
</tr>
<tr>
<td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
<td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
<td><a href="#"><img src="images/logo-gs.png" alt=""></a></td>
</tr>
</table>
</li>
</ul>
</li>
</ul>
<gl-notification icon="email" notifications="notifications" on-view="onView(event, item)"></gl-notification>
<gl-notification icon="notifications" notifications="notifications" on-view="onView(event, item)"></gl-notification>
<gl-notification icon="public" notifications="notifications" on-view="onView(event, item)"></gl-notification>
</div>
</div>
</nav>
</header>