@section('header')
	@include('common.header')
@stop

@section('js')
	@parent
@stop

@section('content')
	<div id="stock_page" ng-controller="StatsMainCtrl" ng-cloak>

		<div class="navbar navbar-default">
			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 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="#stats"><i class="fa fa-bar-chart-o"></i> Statistics</a>
				</div>

				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="divider-vertical"></li>
						<li page-highlighter="/stats/" exact-match="true"><a href="#stats"><i class="fa-fw fa fa-tachometer"></i> Overview</a></li>
						<li class="divider-vertical"></li>
                         @if  (!Auth::user()->isMemberOf(14)) {{--this prevent supervisors (group 14)from seeing links they should'nt see --}}
						<li page-highlighter="/stats/repairs"><a href="#stats/repairs"><i class="fa-fw fa fa-wrench"></i> Repairs</a></li>
						<li class="divider-vertical"></li>
						<li page-highlighter="/stats/clients"><a href="#stats/clients"><i class="fa-fw fa fa-users"></i> Customer Stats</a></li>
						<li class="divider-vertical"></li>
                        @endif
					</ul>
				</div>
			</div>
		</div>

		{{-- Include the content pages here --}}
		<script type="text/ng-template" id="stats/overview.html">
			@include('stats::overview')
		</script>
		<script type="text/ng-template" id="stats/user.html">
			@include('stats::user')
		</script>
		<script type="text/ng-template" id="stats/feedback-list.html">
			@include('stats::feedback-list')
		</script>
		<script type="text/ng-template" id="stats/repairs.html">
			@include('stats::templates.repairs')
		</script>
		<script type="text/ng-template" id="stats/clients.html">
			@include('stats::templates.clients')
		</script>

		{{-- Dynamically load content here --}}
		<div ng-view></div>

	</div>
@stop