@include('_partials_admin.head')
	<!-- Main navbar -->
	@include('_partials_admin.navbar')
	<!-- /main navbar -->

					
	<!-- Page content -->
	<div class="page-content">

		<!-- Main sidebar -->
		@include('_partials_admin.sidebar')
		<!-- /main sidebar -->


		<!-- Main content -->
		<div class="content-wrapper">

			<!-- Page header -->
			<div class="page-header">
				<div class="page-header-content header-elements-md-inline">
					<div class="page-title d-flex">
						<h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">Home</span> - Dashboard</h4>
						<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
					</div>
				</div>
			</div>
			<!-- /page header -->


			<!-- Content area -->
			<div class="content pt-0">
				@if (session('status'))
                    <div class="alert alert-success" role="alert">
                        {{ session('status') }}
                    </div>
                @endif

				<!-- Quick stats boxes -->
				<div class="row">

					<div class="col-lg-4">

						<div class="card bg-pink-400">
							<div class="card-body">
								<div class="d-flex">
									<h1 class="font-weight-bold mb-0 d-flex my-auto">{{$total_partner}}</h1>
									<span class="badge bg-pink-800 badge-pill align-self-center ml-auto"><i class="icon-user-plus icon-4x"></i></span>
					            </div>
					                	
					            <div>
									<h3>Partner</h3>
								</div>
							</div>
						</div>

					</div>

					<div class="col-lg-4">

						<div class="card bg-blue-400">
							<div class="card-body">
								<div class="d-flex">
									<h1 class="font-weight-bold mb-0 d-flex my-auto">{{$total_testimoni}}</h1>
									<span class="badge bg-blue-800 badge-pill align-self-center ml-auto"><i class="icon-magazine icon-4x"></i></span>
					            </div>
					                	
					            <div>
									<h3>Testimoni</h3>
								</div>
							</div>
						</div>

					</div>

					<div class="col-lg-4">

						<div class="card bg-purple-400">
							<div class="card-body">
								<div class="d-flex">
									<h1 class="font-weight-bold mb-0 d-flex my-auto">{{$total_program}}</h1>
									<span class="badge bg-purple-800 badge-pill align-self-center ml-auto"><i class="icon-clipboard6 icon-4x"></i></span>
					            </div>
					                	
					            <div>
									<h3>Program</h3>
								</div>
							</div>
						</div>

					</div>
							
				</div>
				<!-- /quick stats boxes -->

				<!-- Main charts -->
				<div class="row">
					<div class="col-xl-7">

						<!-- Traffic sources -->
						<div class="card">
							<div class="card-header header-elements-inline">
								<h6 class="card-title">Grafik Kunjungan</h6>
								<div class="header-elements">
									<div class="form-check form-check-right form-check-switchery form-check-switchery-sm">
										
									</div>
								</div>
							</div>

							<div class="card-body py-0">
								<div id="visitor"></div>
							</div>

							<div class="chart position-relative" id="traffic-sources"></div>
						</div>
						<!-- /traffic sources -->

					</div>

					<div class="col-xl-5">

						<!-- Daily financials -->
						<div class="card">
							<div class="card-header header-elements-inline">
								<h6 class="card-title">Testimoni terbaru</h6>
							</div>

							<div class="card-body">
								<div class="chart mb-3" id="bullets"></div>

								<ul class="media-list">
									@foreach($testimoni as $row)
									<li class="media">
										<div class="mr-3">
											<img src="/upload/testimoni/{{ $row->foto }}" class="img-fluid img-thumbnail" style="width: 65px;height: 65px;border-radius: 100px;">
										</div>
										
										<div class="media-body">
											<span class="font-weight-bold">{{ $row->nama }}</span>
											<span> ...</span>
											<div class="text-muted">01 Jan 1970</div>
										</div>
									</li>
									@endforeach
								</ul>
							</div>
						</div>
						<!-- /daily financials -->

					</div>
				</div>
				<!-- /main charts -->


			</div>
			<!-- /content area -->


			<!-- Footer -->
			@include('_partials_admin.footer')
			<!-- /footer -->

		</div>
		<!-- /main content -->

	</div>
	<!-- /page content -->
	<script src="https://code.highcharts.com/highcharts.js"></script>
	<script type="text/javascript">
		Highcharts.chart('visitor', {
    chart: {
        type: 'line'
    },
    title: {
        text: 'Grafik Kunjungan Website UniBridge'
    },
    xAxis: {
        categories: {!!json_encode($hari)!!}
    },
    yAxis: {
        title: {
            text: 'Jumlah Pengunjung'
        }
    },
    
    series: [{
        name: 'Pengunjung',
        data: {!!json_encode($data)!!}
    }]
});
	</script>
</body>
</html>