@extends('admin.master')
<!-- BEGIN CONTAINER -->
@section('head')
	<style>
		text{
			font-family: IRANSans !important;
		}
		tspan{
			font-family: IRANSans !important;
		}
		.dashboard-stat .details {
			position: absolute;
			left: 15px;
			padding-left: 15px;
			right: 15px;
			padding-right: 15px;
		}
	</style>

		@endsection
@section('content')
		<!-- BEGIN CONTENT -->
		<div class="page-content-wrapper">
			<div class="page-content">
				<!-- BEGIN PAGE HEADER-->
				<h3 class="page-title">
				داشبورد
					<small>
						آمار و گزارشات
					</small>
				</h3>
				<div class="page-bar">
					<ul class="page-breadcrumb">
						<li>
							<i class="fa fa-home"></i>
							<a href="">
								ورود
							</a>
							<i class="fa fa-angle-left"></i>
						</li>
						<li>
							<a href="#">
								داشبورد
							</a>
						</li>
					</ul>
					<div class="page-toolbar">
						<div id="dashboard-report-range" class="pull-right tooltips btn btn-fit-height grey-salt" data-placement="top" data-original-title="امروز">
							<i class="icon-calendar"></i>&nbsp; <span class="uppercase visible-lg-inline-block"></span>{{$today}}
						</div>
					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN DASHBOARD STATS -->
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
						<div class="dashboard-stat blue-madison">
							<div class="visual" style="float: left">
								<i class="fa fa-comments"></i>
							</div>
							<div class="details pull-left">
								<div class="number " style="text-align: right!important;">
								{{--{{$products}}--}}
								</div>
								<div class="desc" style="text-align: right">
							تعداد محصولات
								</div>
							</div>
							<a class="more" href="">
							نمایش محصولات
								  <i class="m-icon-swapright m-icon-white"></i>
							</a>
						</div>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
						<div class="dashboard-stat red-intense">
							<div class="visual" style="float: left">
								<i class="fa fa-bar-chart-o"></i>
							</div>
							<div class="details pull-left">
								<div class="number" style="text-align: right!important;">
									{{--{{$projects}}--}}
								</div>
								<div class="desc" style="text-align: right">
								تعداد پروژه ها
								</div>
							</div>
							<a class="more" >
								نمایش پروژه ها
								<i class="m-icon-swapright m-icon-white"></i>
							</a>
						</div>
					</div>
					{{--<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">--}}
						{{--<div class="dashboard-stat green-haze">--}}
							{{--<div class="visual" style="float: left">--}}
								{{--<i class="fa fa-shopping-cart"></i>--}}
							{{--</div>--}}
							{{--<div class="details">--}}
								{{--<div class="number" style="text-align: right!important;">--}}
									{{--{{$viewer}}--}}
								{{--</div>--}}
								{{--<div class="desc" style="text-align: right">--}}
								{{--تعداد باز دید کنندگان--}}
								{{--</div>--}}
							{{--</div>--}}
							{{--<a class="more" >--}}
								{{--تعداد کل بازدیدکنندگان--}}
								{{--<i class="m-icon-swapright m-icon-white"></i>--}}
							{{--</a>--}}
						{{--</div>--}}
					{{--</div>--}}
					{{--<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">--}}
						{{--<div class="dashboard-stat purple-plum">--}}
							{{--<div class="visual" style="float: left">--}}
								{{--<i class="fa fa-globe"></i>--}}
							{{--</div>--}}
							{{--<div class="details">--}}
								{{--<div class="number"  style="text-align: right!important;">--}}
								{{--{{$todayview}}--}}
								{{--</div>--}}
								{{--<div class="desc" style="text-align: right">--}}
									{{--بازدید های امروز--}}
								{{--</div>--}}
							{{--</div>--}}
							{{--<a class="more" href="javascript:;">--}}
							{{--بازدید های سایت تا کنون--}}
								{{--<i class="m-icon-swapright m-icon-white"></i>--}}
							{{--</a>--}}
						{{--</div>--}}
					{{--</div>--}}
				</div>
				<!-- END DASHBOARD STATS -->
				<div class="clearfix">
				</div>
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<!-- BEGIN REGIONAL STATS PORTLET-->
						<div class="portlet light ">
							<div class="portlet-title">
								<div class="caption">
									<i class="icon-share font-red-sunglo"></i>
									<span class="caption-subject font-red-sunglo ">
										نمودار بازدید روزانه وب سایت
									</span>
								</div>
								<div class="actions">
									<a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
										<i class="icon-cloud-upload"></i>
									</a>
									<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"></a>
								</div>
							</div>
							<div class="portlet-body" id="viewerchart" style="direction:ltr !important;">

							</div>
						</div>
						<!-- END REGIONAL STATS PORTLET-->
					</div>
				</div>
			</div>
		</div>
		<!-- END CONTENT -->
@endsection
@section('script')
	<script src="{{ URL::asset('admin')}}/js/highcharts.js"></script>
	<script src="{{ URL::asset('admin')}}/js/exporting.js"></script>
	<script>
		$(function () {
			$('#viewerchart').highcharts({
				title: {
					text: '',
					x: -20 //center
				},
				subtitle: {
					text: '',
					x: -20
				},
				xAxis: {
					categories: [@foreach($viewchart as $v)'{{$v->date}}' , @endforeach]
				},
				yAxis: {
					title: {
						text: 'تعداد بازدید در روز'
					},
					plotLines: [{
						value: 0,
						width: 1,
						color: '#808080'
					}]
				},
				tooltip: {
					valueSuffix: ''
				},
				legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'middle',
					borderWidth: 0
				},
				series: [{
					name: 'بازدید',
					data: [@foreach($viewchart as $v){{$v->amount}} , @endforeach]
				}, ]
			});
		});
	</script>
	@endsection