<!-- Logo -->
<div class="logo">
	<i class="fa fa-bars hide-desktop"></i>

	<!-- mini logo for sidebar mini 50x50 pixels -->
	<a href="{{ url('admin') }}">
		<span class="logo-mini">
			<img src="/img/logo-admin.png" alt="VinumDay Admin" />
		</span>
		<!-- logo for regular state and mobile devices -->
		<span class="logo-lg">
			<img src="/img/logo-admin.png" alt="VinumDay Admin" />
		</span>
	</a>

	<i class="fa fa-cog hide-desktop"></i>
</div>

<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
	<!-- Sidebar toggle button-->
	<div class="nav-flex">
		<div class="left-header">
			<img src="img/logo-grande.png" alt="Vinumday">
			@if(isset($pagina_atual) && !empty($pagina_atual))
			<span class="titulo-header">{{ $pagina_atual }}</span>
			@endif
		</div>
		
		<div class="r-header">
			<div class="search-form">
				<form action="{{ url('admin/busca') }}" method="get" class="sidebar-form">
					<div class="input-group">
						<input type="text" name="q" class="form-control" required />
						<label>Pesquisar</label>
						<span class="input-group-btn">
						<button type="submit" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
						</span>
					</div>
				</form>
			</div>

			<div class="periodo-header">
				<span class="label">Período</span>
				<?php $mes_dash = end($meses_dash);?>
				<span class="box-periodo abre-drop-new">{{ $mes_dash['mes_label'] }} {{ $mes_dash['ano'] }}</span>

				<ul class="drop-new">
					@foreach($meses_dash as $mes_dash)
					<li data-periodo="{{ $mes_dash['ano'] }}-{{ $mes_dash['mes'] }}">
						<span>{{ $mes_dash['mes_label'] }} {{ $mes_dash['ano'] }}</span>
					</li>
					@endforeach
				</ul>
			</div>

			<div class="profile-header">
				<div class="abre-drop-new">
					<div class="bullet">
						<span>{{ Sentinel::getUser()->first_name[0] }}</span>
					</div>

					<span class="hide-desktop name-full">{{ Sentinel::getUser()->first_name }}</span>

					<ul class="drop-new">
						<li>
							<a href="{{ url('admin/users/edit/'.Sentinel::getUser()->id) }}">Perfil</a>
						</li>
						<li>
							<a href="{{ url('admin/logout') }}">Sair</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="mask-new-drop"></div>
	</div>
</nav>
<div class="mask-new-drop"></div>
<script type="text/javascript">
	$(document).on('ready', function(){
		$(document).on('click', '.main-header.v2 .fa-cog', function(e){
			e.preventDefault();
			$('.main-header .fa.fa-times.c-menu').trigger('click');
			$('.main-header.v2 .nav-flex').addClass('active');
			$(this).addClass('fa-times c-conf');
			$(this).removeClass('fa-cog');
		});
		$(document).on('click', '.main-header.v2 .fa-times.c-conf', function(e){
			e.preventDefault();
			$('.main-header .fa.fa-times.c-menu').trigger('click');
			$('.main-header.v2 .nav-flex').removeClass('active');
			$(this).addClass('fa-cog');
			$(this).removeClass('fa-times c-conf');
		});



		$(document).on('click', '.main-sidebar.v2 .mask, .main-header .fa.fa-times.c-menu', function(e){
			e.preventDefault();
			$('.main-header .fa.fa-times.c-conf').trigger('click');
			$('.main-sidebar.v2').removeClass('active');
			$('.main-header .fa.fa-times.c-menu').addClass('fa-bars');
			$('.main-header .fa.fa-times.c-menu').removeClass('fa-times c-menu');
		});
		$(document).on('click', '.main-header .fa.fa-bars', function(e){
			e.preventDefault();
			$('.main-header .fa.fa-times.c-conf').trigger('click');
			$('.main-sidebar.v2').addClass('active');
			$(this).addClass('fa-times c-menu');
			$(this).removeClass('fa-bars');
		});
	});
</script>