@extends('master')
@section('content')
	<!-- start Main Wrapper -->
	<div class="main-wrapper scrollspy-container">
		<div class="breadcrumb-wrapper">
			<div class="container">
				<h1 class="page-title">Dashboard</h1>
				<div class="row">
					<div class="col-xs-12 col-sm-8">
						<ol class="breadcrumb">
							<li><a href="#">Home</a></li>
							<li class="active">Dashboard Result</li>
						</ol>
					</div>
					@include('includes.breadcrum')
				</div>
			</div>
		</div>
		<div class="equal-content-sidebar-wrapper">
			<div class="equal-content-sidebar-by-gridLex">
				<div class="container">
					<div class="GridLex-grid-noGutter-equalHeight">
						<div class="GridLex-col-12_sm-8_xs-12_xss-12">
							<div class="content-wrapper pt-20-xs">
							
								<div class="course-item-wrapper alt-bg-light clearfix">
									<div class="GridLex-gap-20">
										<div class="GridLex-grid-noGutter-equalHeight">
											@if (!empty($products))
												@foreach ($products as $product)
													<div class="GridLex-col-3_mdd-6_sm-6_xs-6_xss-12">
														<div class="course-item">
															<a href="{{ asset('course/' . $product->slug) }}">
																<div class="course-item-image">
																	<img src="{{ asset('public/uploads/products/' . $product->image) }}"
																		alt="Image" class="img-responsive" />
																</div>
																<div class="course-item-content">

																	<h3 class="text-primary">{{ $product->name }}</h3>
																	<p>{{ $product->name }}</p>
																</div>
																<div class="course-item-bottom clearfix">
																	<div><i class="fa fa-folder-open-o"></i><span
																			class="block">
																			{{ $product->category }}</span></div>
																	{{-- <div><i class="fa fa-pencil-square-o"></i><span class="block"> 15 Lessons</span></div> --}}
																	{{-- <div><i class="fa fa-calendar-check-o"></i><span class="block"> 4.5 Hours</span></div> --}}
																</div>
															</a>
														</div>
													</div>
												@endforeach
											@endif
										</div>
									</div>
								</div>
								
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end Main Wrapper -->
@endsection