@section('content')

	<h2>Welcome to administration backend</h2>
    
    <div class="centered row">
    	<ul class="dash-tools">
        	<li><a class="users" href="{{ URL::to('admin/users') }}"><span></span>Users</a></li>
            <li><a class="pages" href="{{ URL::to('admin/pages') }}"><span></span> Pages</a></li>
            <li><a class="blogs" href="{{ URL::to('admin/offerings') }}"><span></span>Offerings</a></li>
            <li><a class="orders" href="{{ URL::to('admin/orders') }}"><span></span>Orders</a></li>
            <li><a class="blocks menu-dropdown dropdown-toggle" href="#"><span></span>Resources <b class="caret"></b></a>
				<ul class="dropdown dropdown-menu">
					<li><a href="/admin/investor-education">Invester education</a></li>
					<li><a href="/admin/investor-education/categories">Invester education categories</a></li>
				</ul>
			</li>
            <li><a class="blocks" href="#"><span></span>About us <b class="caret"></b></a>
				<ul class="dropdown dropdown-menu">
					<li><a href="/admin/team">Team</a></li>
					<li><a href="/admin/overview/categories">Overview Categories</a></li>
					<li><a href="/admin/overview">Overview</a></li>
					<li><a href="/admin/process/categories">Process Categories</a></li>
					<li><a href="/admin/process">Process</a></li>
					<li><a href="/admin/professional-referrals/categories">Professional Referrals Categories</a></li>
					<li><a href="/admin/professional-referrals">Professional Referrals</a></li>
					<li><a href="/admin/press/categories">News and Events Categories</a></li>
					<li><a href="/admin/press">News and Events</a></li>
					<li><a href="/admin/insights">Insights</a></li>
					<li><a href="/admin/insights/authors">Insights Authors</a></li>
					<li><a href="/admin/insights/categories">Insights Categories</a></li>
				</ul>
			</li>
            <li><a class="faq" href="{{ URL::to('admin/faq') }}"><span></span>FAQ</a></li>
            <li><a class="contact" href="{{ URL::to('admin/contact') }}"><span></span>Contact</a></li>
    	</ul>
    </div>
		
	
	<div class="centered row" id="dashboard-panels">
		<div class="col-xs-6">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">Last Registered Users</h3>
			  	</div>
				<!-- List group -->
                @if($users)
              	<ul class="list-group">
                    @foreach($users as $user)
                    <li class="list-group-item"><a href="{{ URL::to('admin/users/'.$user->user_id.'/edit') }}">{{ $user->firstname.' '.$user->lastname }}</a></li>
                    @endforeach
              	</ul>
                @endif
			</div>
		</div>
		
		<div class="col-xs-6">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">Last orders</h3>
			  	</div>
			  	<!-- List group -->
                @if($orders)
              	<ul class="list-group">
                    @foreach($orders as $order)
                    <li class="list-group-item">{{ $order->offering.' ('.$order->units.' units)' }}</li>
                    @endforeach
              	</ul>
                @endif
			</div>
		</div>
    </div>
    
    <div class="row" id="chart">
    </div>
    
    @section('scripts')
    	{{ HTML::script('js/chart/jquery.flot.js') }}
        {{ HTML::script('js/chart/jquery.flot.tooltip.min.js') }}
		<script type="text/javascript">
		$(document).ready(function(){
			console.log("document ready");
			var offset = 0;
			$('#chart').css({
				height: '400px',
			});
			plot();
			function plot(){
				var visits = [], views = [];
				
								
								
			
				var options = {
					series: {
						lines: { show: true },
						points: { show: true }
					},
					grid: {
						hoverable: true //IMPORTANT! this is needed for tooltip to work
					},
					xaxis: {
				    	ticks: [
											     	]
					},
					yaxis: { 
						min: 0, 
						max: 					},
					tooltip: true,
					tooltipOpts: {
						content: "'%s' %y",
						shifts: {
							x: -60,
							y: 25
						}
					}
				};
			
				var plotObj = $.plot( $("#chart"),
					[ { data: [], label: "Visits"}, { data: [], label: "Pageviews" } ],
					options );
			}
		});
		</script>
    @stop
	
@endsection