<html>
	<head>
		<meta charset="utf-8">
		<title>@yield('title') | Bilbord MediaWall Admin</title>

		<!-- <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,400italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'> -->
		<link href='https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
		<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
		<!-- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.nanoscroller/0.8.7/css/nanoscroller.css"> -->
		<?= HTML::style('administrator/css/scrollbar.css'); ?>
		<?= HTML::style('administrator/css/main.css'); ?>
		@yield('styles')

		<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
		<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
		<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
		<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.nanoscroller/0.8.7/javascripts/jquery.nanoscroller.min.js"></script>
		@yield('scripts')
	</head>

	<body data-base-url="<?= url(); ?>">
		<!-- {{-- Hash::make('kumruzvelt') --}} -->
		@section('sidebar')
		<nav id="header" class="navbar navbar-inverse navbar-fixed-top">
			<!-- We use the fluid option here to avoid overriding the fixed width of a normal container within the narrow content columns. -->
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-8" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="<?= url('admin/statuses/manager'); ?>">Brand</a>
				</div>

				@if (Auth::user() && Auth::user()->isSuperAdmin())
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse pull-left" id="bs-example-navbar-collapse-8">
					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Statuses <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="<?= url('/admin/statuses/manager'); ?>">Manager</a></li>
								<li><a href="<?= url('/admin/statuses/archive'); ?>">Archive</a></li>
							</ul>
						</li>
						<li><a href="<?= url('/admin/reports'); ?>">Reports</a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
				<div class="collapse navbar-collapse pull-right" id="navbar-collapse-right">
					<ul class="nav navbar-nav">
						<li><a class="glyphicon glyphicon-cog" title="Settings" href="<?= url('/admin/settings'); ?>"></a></li>
						<li><a class="glyphicon glyphicon-log-out" title="Logout" href="<?= url('/login'); ?>"></a></li>
					</ul>
				</div>
				@elseif (Auth::user() && Auth::user()->isAdmin())
				<div class="collapse navbar-collapse pull-left" id="bs-example-navbar-collapse-8">
					<ul class="nav navbar-nav">
						<li><a href="<?= url('/admin/statuses/manager'); ?>">Manager</a></li>
						<li><a href="<?= url('/admin/statuses/archive'); ?>">Archive</a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
				<div class="collapse navbar-collapse pull-right" id="navbar-collapse-right">
					<ul class="nav navbar-nav">
						<li><a class="glyphicon glyphicon-log-out" title="Logout" href="<?= url('/login'); ?>"></a></li>
					</ul>
				</div>
				@endif
			</div>
		</nav>
		@show

		<div class="container-fluid">
			@yield('content')
		</div>
	</body>
</html>
