From 6767f6758c0d70492e85a73ad4360c2615e6958a Mon Sep 17 00:00:00 2001
From: Anugrah Sandi <makassarnetwork06@gmail.com>
Date: Fri, 8 Nov 2019 09:50:01 +0700
Subject: [PATCH] Aplikasi E-Commerce Laravel 6 #7: Filter & Product Detail

---
 .../Controllers/Ecommerce/FrontController.php |  15 ++-
 app/Http/View/CategoryComposer.php            |  15 +++
 app/Providers/AppServiceProvider.php          |   3 +-
 resources/views/ecommerce/product.blade.php   |   9 +-
 resources/views/ecommerce/show.blade.php      | 122 ++++++++++++++++++
 routes/web.php                                |   2 +
 6 files changed, 160 insertions(+), 6 deletions(-)
 create mode 100644 app/Http/View/CategoryComposer.php
 create mode 100644 resources/views/ecommerce/show.blade.php

diff --git a/app/Http/Controllers/Ecommerce/FrontController.php b/app/Http/Controllers/Ecommerce/FrontController.php
index 394edc4..24ec388 100644
--- a/app/Http/Controllers/Ecommerce/FrontController.php
+++ b/app/Http/Controllers/Ecommerce/FrontController.php
@@ -18,7 +18,18 @@ public function index()
     public function product()
     {
         $products = Product::orderBy('created_at', 'DESC')->paginate(12);
-        $categories = Category::with(['child'])->withCount(['child'])->getParent()->orderBy('name', 'ASC')->get();
-        return view('ecommerce.product', compact('products', 'categories'));
+        return view('ecommerce.product', compact('products'));
+    }
+
+    public function categoryProduct($slug)
+    {
+        $products = Category::where('slug', $slug)->first()->product()->orderBy('created_at', 'DESC')->paginate(12);
+        return view('ecommerce.product', compact('products'));
+    }
+
+    public function show($slug)
+    {
+        $product = Product::with(['category'])->where('slug', $slug)->first();
+        return view('ecommerce.show', compact('product'));
     }
 }
diff --git a/app/Http/View/CategoryComposer.php b/app/Http/View/CategoryComposer.php
new file mode 100644
index 0000000..55bfcd0
--- /dev/null
+++ b/app/Http/View/CategoryComposer.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Http\View;
+
+use Illuminate\View\View;
+use App\Category;
+
+class CategoryComposer
+{
+    public function compose(View $view)
+    {
+        $categories = Category::with(['child'])->withCount(['child'])->getParent()->orderBy('name', 'ASC')->get();
+        $view->with('categories', $categories);
+    }
+}
\ No newline at end of file
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index ee8ca5b..362fc15 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -3,6 +3,7 @@
 namespace App\Providers;
 
 use Illuminate\Support\ServiceProvider;
+use Illuminate\Support\Facades\View;
 
 class AppServiceProvider extends ServiceProvider
 {
@@ -23,6 +24,6 @@ public function register()
      */
     public function boot()
     {
-        //
+        View::composer('ecommerce.*', 'App\Http\View\CategoryComposer');
     }
 }
diff --git a/resources/views/ecommerce/product.blade.php b/resources/views/ecommerce/product.blade.php
index 123d672..ddb6be2 100644
--- a/resources/views/ecommerce/product.blade.php
+++ b/resources/views/ecommerce/product.blade.php
@@ -62,6 +62,9 @@
                             </div>
                         </div>
                         @empty
+                        <div class="col-md-12">
+                            <h3 class="text-center">Tidak ada produk</h3>
+                        </div>
                         @endforelse
                     </div>
                 </div>
@@ -72,13 +75,13 @@
                                 <h3>Kategori Produk</h3>
                             </div>
                             <div class="widgets_inner">
-                                <ul class="list">
+                                <ul class="list" >
                                     @foreach ($categories as $category)
                                     <li>
-                                        <a href="{{ $category->child_count > 0 ? '#':url('/category/' . $category->slug) }}">{{ $category->name }}</a>
+                                        <strong><a href="{{ url('/category/' . $category->slug) }}">{{ $category->name }}</a></strong>
                                         
                                         @foreach ($category->child as $child)
-                                        <ul class="list">
+                                        <ul class="list" style="display: block">
                                             <li>
                                                 <a href="{{ url('/category/' . $child->slug) }}">{{ $child->name }}</a>
                                             </li>
diff --git a/resources/views/ecommerce/show.blade.php b/resources/views/ecommerce/show.blade.php
new file mode 100644
index 0000000..f3aa8c2
--- /dev/null
+++ b/resources/views/ecommerce/show.blade.php
@@ -0,0 +1,122 @@
+@extends('layouts.ecommerce')
+
+@section('title')
+    <title>Jual {{ $product->name }}</title>
+@endsection
+
+@section('content')
+    <!--================Home Banner Area =================-->
+	<section class="banner_area">
+		<div class="banner_inner d-flex align-items-center">
+			<div class="container">
+				<div class="banner_content text-center">
+                    <h2>{{ $product->name }}</h2>
+					<div class="page_link">
+                        <a href="{{ url('/') }}">Home</a>
+                        <a href="#">{{ $product->name }}</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<!--================End Home Banner Area =================-->
+
+	<div class="product_image_area">
+		<div class="container">
+			<div class="row s_product_inner">
+				<div class="col-lg-6">
+					<div class="s_product_img">
+						<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
+							<div class="carousel-inner">
+								<div class="carousel-item active">
+									<img class="d-block w-100" src="{{ asset('storage/products/' . $product->image) }}" alt="{{ $product->name }}">
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="col-lg-5 offset-lg-1">
+					<div class="s_product_text">
+						<h3>{{ $product->name }}</h3>
+                        <h2>Rp {{ number_format($product->price) }}</h2>
+						<ul class="list">
+							<li>
+								<a class="active" href="#">
+                                    <span>Kategori</span> : {{ $product->category->name }}</a>
+							</li>
+						</ul>
+						<p></p>
+						<div class="product_count">
+							<label for="qty">Quantity:</label>
+							<input type="text" name="qty" id="sst" maxlength="12" value="1" title="Quantity:" class="input-text qty">
+							<button onclick="var result = document.getElementById('sst'); var sst = result.value; if( !isNaN( sst )) result.value++;return false;"
+							 class="increase items-count" type="button">
+								<i class="lnr lnr-chevron-up"></i>
+							</button>
+							<button onclick="var result = document.getElementById('sst'); var sst = result.value; if( !isNaN( sst ) &amp;&amp; sst > 0 ) result.value--;return false;"
+							 class="reduced items-count" type="button">
+								<i class="lnr lnr-chevron-down"></i>
+							</button>
+						</div>
+						<div class="card_area">
+							<a class="main_btn" href="#">Add to Cart</a>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!--================End Single Product Area =================-->
+
+	<!--================Product Description Area =================-->
+	<section class="product_description_area">
+		<div class="container">
+			<ul class="nav nav-tabs" id="myTab" role="tablist">
+				<li class="nav-item">
+					<a class="nav-link active show" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Description</a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Specification</a>
+				</li>
+			</ul>
+			<div class="tab-content" id="myTabContent">
+				<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab" style="color: black">
+					{!! $product->description !!}
+				</div>
+				<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
+					<div class="table-responsive">
+						<table class="table">
+							<tbody>
+								<tr>
+									<td>
+										<h5>Berat</h5>
+									</td>
+									<td>
+                                        <h5>{{ $product->weight }} gr</h5>
+									</td>
+								</tr>
+								<tr>
+									<td>
+										<h5>Harga</h5>
+									</td>
+									<td>
+										<h5>Rp {{ number_format($product->price) }}</h5>
+									</td>
+								</tr>
+								<tr>
+									<td>
+										<h5>Kategori</h5>
+									</td>
+									<td>
+										<h5>{{ $product->category->name }}</h5>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<!--================End Product Description Area =================-->
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index ea0d027..59cdafa 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -12,6 +12,8 @@
 */
 Route::get('/', 'Ecommerce\FrontController@index')->name('front.index');
 Route::get('/product', 'Ecommerce\FrontController@product')->name('front.product');
+Route::get('/category/{slug}', 'Ecommerce\FrontController@categoryProduct')->name('front.category');
+Route::get('/product/{slug}', 'Ecommerce\FrontController@show')->name('front.show_product');
 
 Auth::routes();