diff --git a/app/Http/Controllers/OrdersController.php b/app/Http/Controllers/OrdersController.php
index 0fc77fb..4e5be1d 100644
--- a/app/Http/Controllers/OrdersController.php
+++ b/app/Http/Controllers/OrdersController.php
@@ -15,14 +15,16 @@ class OrdersController extends Controller
      */
     public function index()
     {
-        //
-    }
+    //     $orders = Order::all();
+    //     return view('orders.index', ['orders' => $orders]);
+    // }
 
     /**
      * Show the form for creating a new resource.
      *
      * @return \Illuminate\Http\Response
      */
+    }
     public function create()
     {
         return view('orders.create');
@@ -38,14 +40,12 @@ public function store(OrderCreateRequest $request)
     {
         $data = $request->only(['total_price', 'description']);
         $currentUserId = auth()->id();
-
         try {
             $data['user_id'] = $currentUserId;
             Order::create($data);
         } catch (Exception $e) {
             return back()->with('status', 'Create fail');
         }
-
         return redirect("users/$currentUserId")->with('status', 'Profile updated!');
     }
 
@@ -57,7 +57,11 @@ public function store(OrderCreateRequest $request)
      */
     public function show($id)
     {
-        //
+        // $order = Order::find($id);
+        // if (!$order) {
+        //     return back()->with('status', 'Order not exist');
+        // }
+        // return view('orders.show', compact('order'));
     }
 
     /**
@@ -80,7 +84,16 @@ public function edit($id)
      */
     public function update(Request $request, $id)
     {
-        //
+        // $validated = $request->validated();
+        // $data = $request->only('user_id', 'total_price', 'description', 'status');
+        // $order = Order::find($id);
+        // try {
+        //     $order ->update($data);
+        // } catch (\Exception $e) {
+        //     dd($e->getMessage());
+        //     return back()->with('status', 'Update fail');
+        // }
+        // return redirect(route('orders.show', $order->id));
     }
 
     /**
@@ -90,7 +103,47 @@ public function update(Request $request, $id)
      * @return \Illuminate\Http\Response
      */
     public function destroy($id)
+    
     {
-        //
+        //  $order = Order::find($id);
+        // if (!$order) {
+        //     $result = [
+        //         'status' => false,
+        //         'message' => 'Order does not exist',
+        //     ];
+        // } else {
+        //     try {
+        //         $order->delete();
+        //         $result = [
+        //             'status' => true,
+        //             'message' => ' Delete successfully',
+        //         ];
+        //     } catch (\Exception $e) {
+        //         $result = [
+        //             'status' => true,
+        //             'message' => 'Failed to delete order',
+        //             'error' => $e->getMessage()
+        //         ];
+        //     }
+        // }
+        // return response()->json($result);
+    }
+    public function cancelled(Request $request, $id)
+    {
+        $data = $request->only(['status']);
+        try {
+            $order = Order::find($id);
+            $order->update($data);
+            $result = [
+                'status' => true,
+                'msg' => 'Cancel success',
+            ];
+        } catch (Exception $e) {
+            $result = [
+                'status' => false,
+                'msg' => 'Cancel fail',
+            ];
+        }
+        return response()->json($result);
     }
 }
diff --git a/app/Http/Controllers/ProductsController.php b/app/Http/Controllers/ProductsController.php
new file mode 100644
index 0000000..8e6c8b2
--- /dev/null
+++ b/app/Http/Controllers/ProductsController.php
@@ -0,0 +1,179 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Product;
+
+class ProductsController extends Controller
+{
+    /**
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function index(Request $request)
+    {
+        $params = $request->all();
+        $orderBy = isset($params['orderBy']) ? $params['orderBy'] : 'created_at';
+        $type = isset($params['type']) ? $params['type'] : 'desc';
+        $products = Product::orderBy($orderBy, $type)->paginate(config('products.paginate'));
+        $selected = [
+            1 => (($orderBy == 'created_at') && ($type == 'desc')),
+            2 => (($orderBy == 'price') && ($type == 'asc')),
+            3 => (($orderBy == 'price') && ($type == 'desc')),
+        ];
+        return view('products.index', ['products' => $products, 'selected' => $selected]);
+    }
+
+    /**
+     * Show the form for creating a new resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function create()
+    {
+        
+        return view('products.create');
+
+    }
+
+    /**
+     * Store a newly created resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function store(Request $request)
+    {
+         $data = $request->only([
+            'category_id',
+            'product_name',
+            'price',
+            'image',
+            'quantity',
+            'avg_rating',
+            'description',
+        ]);
+        $uploaded = $this->upload($data['image']);
+        if (!$uploaded['status']) {
+            return back()->with('status', $uploaded['msg']);
+        }
+        $data['image'] = $uploaded['file_name'];
+        try {
+            $product = Product::create($data);
+        } catch (Exception $e) {
+            return back()->with('status', 'Create fail!');
+        }
+        return redirect('products/' . $product->id)->with('status', 'Create success!');
+    }
+    private function upload($file)
+    {
+        $destinationFolder = public_path() . "/" . config('products.image_path');
+        try {
+            $fileName = $file->getClientOriginalName() . '_' . date('Ymd_His');
+            $ext = $file->getClientOriginalExtension();
+            if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif" ) {
+                $result = [
+                    'status' => false,
+                    'msg' => 'Sorry, only JPG, JPEG, PNG & GIF files are allowed.',
+                ];
+            }
+            // $mimeType = $file->getMimeType();
+            // $realPath = $file->getRealPath();
+            $file->move($destinationFolder, $fileName);
+            $result = [
+                'status' => true,
+                'file_name' => $fileName,
+            ];
+        } catch (Exception $e) {
+            $msg = $e->getMessage();
+            $result = [
+                'status' => false,
+                'msg' => $msg,
+            ];
+        }
+        return $result;
+    }
+
+    /**
+     * Display the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function show($id)
+    {
+        $products = Product::find($id);
+        if (!$products) {
+            return back()->with('status', 'Product does not exist');
+        }
+
+        return view('products.show', ['product' => $products]);
+    }
+
+    /**
+     * Show the form for editing the specified resource.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function edit($id)
+    {
+        $products = Product::find($id);
+        if (!$products) {
+            return back()->with('status', 'Product does not exist');
+        }
+        if ($products->id != auth()->id){
+            return back()->with('status', 'You do not have permission');
+        }
+
+        return view('products.edit', ['product' => $products]);
+    }
+
+    /**
+     * Update the specified resource in storage.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function update(Request $request, $id)
+    {
+        $data = $request->only(['category_id', 'product_name', 'price', 'quantity', 'image']);
+
+        try {
+            $products = User::find($id);
+            $products->update($data);
+        } catch (Exception $e) {
+            return back()->with('status', 'Product update failed');
+        }
+
+        return redirect('products')->with('status', 'Product updated!');
+    }
+
+    /**
+     * Remove the specified resource from storage.
+     *
+     * @param  int  $id
+     * @return \Illuminate\Http\Response
+     */
+    public function destroy($id)
+    {
+        try {
+            $products = User::find($id);
+            $products->delete();
+            $result = [
+                'status' => true,
+                'msg' => 'Delete success',
+            ];
+        } catch (Exception $e) {
+            $result = [
+                'status' => false,
+                'msg' => 'Delete fail',
+            ];
+        }
+
+        return response()->json($result);
+    }
+}
diff --git a/app/Http/Controllers/UserProfileController.php b/app/Http/Controllers/UserProfileController.php
new file mode 100644
index 0000000..e69de29
diff --git a/app/Http/Controllers/UsersController.php b/app/Http/Controllers/UsersController.php
index d346b06..6265ce5 100644
--- a/app/Http/Controllers/UsersController.php
+++ b/app/Http/Controllers/UsersController.php
@@ -13,6 +13,15 @@ class UsersController extends Controller
      *
      * @return \Illuminate\Http\Response
      */
+
+    public function index()
+    {
+        $users = DB::table('users')->paginate(5);
+
+        return view('users.index', ['users' => $users]);
+    }
+
+
     public function index()
     {
         $users = User::all();
diff --git a/app/Order.php b/app/Order.php
index 6614d47..d1958bc 100644
--- a/app/Order.php
+++ b/app/Order.php
@@ -12,6 +12,6 @@ class Order extends Model
      * @var array
      */
     protected $fillable = [
-        'user_id', 'total_price', 'description',
+        'user_id', 'total_price', 'description', 'status',
     ];
 }
diff --git a/app/Product.php b/app/Product.php
new file mode 100644
index 0000000..d7dd7a5
--- /dev/null
+++ b/app/Product.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Product extends Model
+{
+    protected $fillable = [
+        'category_id', 'product_name', 'price', 'image', 'quantity', 'description', 'avg_rating',
+    ];
+}
diff --git a/composer.json b/composer.json
index b473a9b..4e692d1 100644
--- a/composer.json
+++ b/composer.json
@@ -9,6 +9,7 @@
     "license": "MIT",
     "require": {
         "php": "^7.1.3",
+        "barryvdh/laravel-debugbar": "^3.2",
         "fideloper/proxy": "^4.0",
         "laravel/framework": "5.7.*",
         "laravel/tinker": "^1.0"
diff --git a/composer.lock b/composer.lock
index b127f30..1f800c3 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,8 +4,76 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "66ca7343889332c2b8ecca11c251430c",
+    "content-hash": "817d9beb36b3297befe6332ae63f26fb",
     "packages": [
+        {
+            "name": "barryvdh/laravel-debugbar",
+            "version": "v3.2.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/barryvdh/laravel-debugbar.git",
+                "reference": "5fcba4cc8e92a230b13b99c1083fc22ba8a5c479"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/barryvdh/laravel-debugbar/zipball/5fcba4cc8e92a230b13b99c1083fc22ba8a5c479",
+                "reference": "5fcba4cc8e92a230b13b99c1083fc22ba8a5c479",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/routing": "5.5.x|5.6.x|5.7.x|5.8.x",
+                "illuminate/session": "5.5.x|5.6.x|5.7.x|5.8.x",
+                "illuminate/support": "5.5.x|5.6.x|5.7.x|5.8.x",
+                "maximebf/debugbar": "~1.15.0",
+                "php": ">=7.0",
+                "symfony/debug": "^3|^4",
+                "symfony/finder": "^3|^4"
+            },
+            "require-dev": {
+                "laravel/framework": "5.5.x"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "3.2-dev"
+                },
+                "laravel": {
+                    "providers": [
+                        "Barryvdh\\Debugbar\\ServiceProvider"
+                    ],
+                    "aliases": {
+                        "Debugbar": "Barryvdh\\Debugbar\\Facade"
+                    }
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "Barryvdh\\Debugbar\\": "src/"
+                },
+                "files": [
+                    "src/helpers.php"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Barry vd. Heuvel",
+                    "email": "barryvdh@gmail.com"
+                }
+            ],
+            "description": "PHP Debugbar integration for Laravel",
+            "keywords": [
+                "debug",
+                "debugbar",
+                "laravel",
+                "profiler",
+                "webprofiler"
+            ],
+            "time": "2019-02-26T18:01:54+00:00"
+        },
         {
             "name": "dnoegel/php-xdg-base-dir",
             "version": "0.1",
@@ -1102,6 +1170,67 @@
             ],
             "time": "2019-02-01T08:50:36+00:00"
         },
+        {
+            "name": "maximebf/debugbar",
+            "version": "v1.15.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/maximebf/php-debugbar.git",
+                "reference": "30e7d60937ee5f1320975ca9bc7bcdd44d500f07"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/maximebf/php-debugbar/zipball/30e7d60937ee5f1320975ca9bc7bcdd44d500f07",
+                "reference": "30e7d60937ee5f1320975ca9bc7bcdd44d500f07",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=5.3.0",
+                "psr/log": "^1.0",
+                "symfony/var-dumper": "^2.6|^3.0|^4.0"
+            },
+            "require-dev": {
+                "phpunit/phpunit": "^4.0|^5.0"
+            },
+            "suggest": {
+                "kriswallsmith/assetic": "The best way to manage assets",
+                "monolog/monolog": "Log using Monolog",
+                "predis/predis": "Redis storage"
+            },
+            "type": "library",
+            "extra": {
+                "branch-alias": {
+                    "dev-master": "1.14-dev"
+                }
+            },
+            "autoload": {
+                "psr-4": {
+                    "DebugBar\\": "src/DebugBar/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Maxime Bouroumeau-Fuseau",
+                    "email": "maxime.bouroumeau@gmail.com",
+                    "homepage": "http://maximebf.com"
+                },
+                {
+                    "name": "Barry vd. Heuvel",
+                    "email": "barryvdh@gmail.com"
+                }
+            ],
+            "description": "Debug bar in the browser for php application",
+            "homepage": "https://github.com/maximebf/php-debugbar",
+            "keywords": [
+                "debug",
+                "debugbar"
+            ],
+            "time": "2017-12-15T11:13:46+00:00"
+        },
         {
             "name": "monolog/monolog",
             "version": "1.24.0",
diff --git a/config/app.php b/config/app.php
index 57ee5b7..150b53c 100644
--- a/config/app.php
+++ b/config/app.php
@@ -1,7 +1,7 @@
 <?php
 
 return [
-
+    
     /*
     |--------------------------------------------------------------------------
     | Application Name
@@ -135,6 +135,9 @@
     */
 
     'providers' => [
+        Barryvdh\Debugbar\ServiceProvider::class,
+        // JeroenNoten\LaravelAdminLte\ServiceProvider::class,
+
 
         /*
          * Laravel Framework Service Providers...
@@ -223,6 +226,8 @@
         'URL' => Illuminate\Support\Facades\URL::class,
         'Validator' => Illuminate\Support\Facades\Validator::class,
         'View' => Illuminate\Support\Facades\View::class,
+        'Debugbar' => Barryvdh\Debugbar\Facade::class,
+
 
     ],
 
diff --git a/config/orders.php b/config/orders.php
new file mode 100644
index 0000000..478edaa
--- /dev/null
+++ b/config/orders.php
@@ -0,0 +1,6 @@
+<?php
+return [
+    'new' => 1,
+    'delivering' => 2,
+    'cancelled' => 3,
+];
\ No newline at end of file
diff --git a/config/products.php b/config/products.php
new file mode 100644
index 0000000..51cc702
--- /dev/null
+++ b/config/products.php
@@ -0,0 +1,4 @@
+<?php
+return [
+    'image_path' => 'images/',
+];
diff --git a/database/migrations/2019_03_01_130401_add_status_to_orders.php b/database/migrations/2019_03_01_130401_add_status_to_orders.php
new file mode 100644
index 0000000..6a8f7b9
--- /dev/null
+++ b/database/migrations/2019_03_01_130401_add_status_to_orders.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class AddStatusToOrders extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('orders', function (Blueprint $table) {
+            $table->integer('status');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('orders', function (Blueprint $table) {
+            $table->dropColumn('status');
+        });
+    }
+}
diff --git a/database/migrations/2019_03_07_130744_create_products_table.php b/database/migrations/2019_03_07_130744_create_products_table.php
new file mode 100644
index 0000000..97b5a79
--- /dev/null
+++ b/database/migrations/2019_03_07_130744_create_products_table.php
@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateProductsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('products', function (Blueprint $table) {
+            $table->increments('id');
+            $table->increments('category_id');
+            $table->text('product_name');
+            $table->integer('price');
+            $table->integer('quantity');
+            $table->text('image');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('products');
+    }
+}
diff --git a/database/migrations/2019_03_19_120107_add_attribute_description_into_product_table.php b/database/migrations/2019_03_19_120107_add_attribute_description_into_product_table.php
new file mode 100644
index 0000000..7aa2679
--- /dev/null
+++ b/database/migrations/2019_03_19_120107_add_attribute_description_into_product_table.php
@@ -0,0 +1,33 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class AddAttributeDescriptionIntoProductTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('products', function (Blueprint $table) {
+            $table->text('description');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('products', function (Blueprint $table) {
+            $table->dropColumn('status');
+        });
+    }
+}
diff --git a/database/seeds/ProductsTableSeeder.php b/database/seeds/ProductsTableSeeder.php
new file mode 100644
index 0000000..8e80ac1
--- /dev/null
+++ b/database/seeds/ProductsTableSeeder.php
@@ -0,0 +1,16 @@
+<?php
+
+use Illuminate\Database\Seeder;
+
+class ProductsTableSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        //
+    }
+}
diff --git a/resources/views/admin.blade.php b/resources/views/admin.blade.php
new file mode 100644
index 0000000..6d4881c
--- /dev/null
+++ b/resources/views/admin.blade.php
@@ -0,0 +1,23 @@
+{{-- resources/views/admin/dashboard.blade.php --}}
+
+@extends('adminlte::page')
+@section('title', 'Dashboard')
+
+@section('content_header')
+    <h1>Dashboard</h1>
+@stop
+
+@section('content')
+    <p>Welcome to this beautiful admin panel.</p>
+@stop
+
+<!-- @section('css')
+    <link rel="stylesheet" href="/css/admin_custom.css">
+@stop
+
+@section('js')
+    <script> console.log('Hi!'); </script>
+@stop -->
+@push('css')
+
+@push('js')
\ No newline at end of file
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 05dfca9..89bd498 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -14,10 +14,154 @@
                         </div>
                     @endif
 
-                    You are logged in!
+                    Hello Baby <3
                 </div>
             </div>
         </div>
     </div>
 </div>
+<div class="album py-5 bg-light">
+    <div class="container">
+
+      <div class="row">
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="col-md-4">
+          <div class="card mb-4 shadow-sm">
+            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"></rect><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+            <div class="card-body">
+              <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+              <div class="d-flex justify-content-between align-items-center">
+                <div class="btn-group">
+                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
+                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
+                </div>
+                <small class="text-muted">9 mins</small>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 @endsection
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 0a0c02c..104e5a6 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -10,7 +10,7 @@
     <title>{{ config('app.name', 'Laravel') }}</title>
 
     <!-- Scripts -->
-    <script src="{{ asset('js/app.js') }}" defer></script>
+    <script src="{{ asset('js/app.js') }}"></script>
 
     <!-- Fonts -->
     <link rel="dns-prefetch" href="//fonts.gstatic.com">
@@ -20,6 +20,8 @@
     <link href="{{ asset('css/app.css') }}" rel="stylesheet">
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <script src="https://cdn.ckeditor.com/ckeditor5/12.0.0/classic/ckeditor.js"></script>
+    
 </head>
 <body>
     <div id="app">
diff --git a/resources/views/orders/index.blade.php b/resources/views/orders/index.blade.php
new file mode 100644
index 0000000..fc88f3e
--- /dev/null
+++ b/resources/views/orders/index.blade.php
@@ -0,0 +1,19 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">Dashboard</div>
+
+                <div class="card-body">
+                   
+
+                    
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/products/create.blade.php b/resources/views/products/create.blade.php
new file mode 100644
index 0000000..833e4f0
--- /dev/null
+++ b/resources/views/products/create.blade.php
@@ -0,0 +1,132 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Create Product') }}</div>
+
+                <div class="card-body">
+                    <form method="POST" action="{{ route('products.store') }}" enctype="multipart/form-data">
+                        @csrf
+
+                        <div class="form-group row">
+                            <label for="category_id" class="col-md-4 col-form-label text-md-right">{{ __('Category') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="category_id" type="text" class="form-control{{ $errors->has('category_id') ? ' is-invalid' : '' }}" name="category_id" required autofocus>
+
+                                @if ($errors->has('category_id'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('category_id') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="product_name" class="col-md-4 col-form-label text-md-right">{{ __('Product name') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="product_name" type="text" class="form-control{{ $errors->has('product_name') ? ' is-invalid' : '' }}" name="product_name" required autofocus>
+
+                                @if ($errors->has('product_name'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('product_name') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="price" class="col-md-4 col-form-label text-md-right">{{ __('Price') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="price" type="text" class="form-control{{ $errors->has('price') ? ' is-invalid' : '' }}" name="price" required>
+
+                                @if ($errors->has('price'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('price') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="image" class="col-md-4 col-form-label text-md-right">{{ __('image') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="image" type="file" class="form-control{{ $errors->has('image') ? ' is-invalid' : '' }}" name="image" required>
+
+                                @if ($errors->has('image'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('image') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="quantity" class="col-md-4 col-form-label text-md-right">{{ __('Quantity') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="quantity" type="text" class="form-control{{ $errors->has('quantity') ? ' is-invalid' : '' }}" name="quantity" required>
+
+                                @if ($errors->has('quantity'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('quantity') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="avg_rating" class="col-md-4 col-form-label text-md-right">{{ __('Rating') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="avg_rating" type="text" class="form-control{{ $errors->has('avg_rating') ? ' is-invalid' : '' }}" name="avg_rating" required>
+
+                                @if ($errors->has('avg_rating'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('avg_rating') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+                        <div class="form-group row">
+                            <label for="description" class="col-md-4 col-form-label text-md-right">{{ __('description') }}</label>
+
+                            <div class="col-md-6">
+                                
+                               
+                                    <textarea name="content" id="editor">
+                                        &lt;p&gt;This is some sample content.&lt;/p&gt;
+                                    </textarea>
+                                    
+                                
+                            </div>
+                        </div>
+                        
+
+                        <div class="form-group row mb-0">
+                            <div class="col-md-6 offset-md-4">
+                                <button type="submit" class="btn btn-primary">
+                                    {{ __('Create') }}
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+        ClassicEditor
+        .create( document.querySelector( '#editor' ) )
+        .catch( error => {
+            console.error( error );
+        } );
+</script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/products/edit.blade.php b/resources/views/products/edit.blade.php
new file mode 100644
index 0000000..c0d4f49
--- /dev/null
+++ b/resources/views/products/edit.blade.php
@@ -0,0 +1,111 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-8">
+            <div class="card">
+                <div class="card-header">{{ __('Edit Product') }}</div>
+
+                <div class="card-body">
+                    <form method="POST" action="{{ route('products.update', ['product' => $product->id]) }}">
+                        @csrf
+
+                        <div class="form-group row">
+                            <label for="category_id" class="col-md-4 col-form-label text-md-right">{{ __('Category') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="category_id" type="text" value="{{ old('category_id', $product->category_id) }}" class="form-control{{ $errors->has('category_id') ? ' is-invalid' : '' }}" name="category_id" required autofocus>
+
+                                @if ($errors->has('category_id'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('category_id') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="product_name" class="col-md-4 col-form-label text-md-right">{{ __('Product name') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="product_name" type="text" value="{{ old('product_name', $product->product_name) }}" class="form-control{{ $errors->has('product_name') ? ' is-invalid' : '' }}" name="product_name" required autofocus>
+
+                                @if ($errors->has('product_name'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('product_name') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="price" class="col-md-4 col-form-label text-md-right">{{ __('Price') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="price" type="text" value="{{ old('price', $product->price) }}" class="form-control{{ $errors->has('price') ? ' is-invalid' : '' }}" name="price" required>
+
+                                @if ($errors->has('price'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('price') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="image" class="col-md-4 col-form-label text-md-right">{{ __('image') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="image" type="text" value="{{ old('image', $product->image) }}" class="form-control{{ $errors->has('image') ? ' is-invalid' : '' }}" name="image" required>
+
+                                @if ($errors->has('image'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('image') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="quantity" class="col-md-4 col-form-label text-md-right">{{ __('Quantity') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="quantity" type="text" value="{{ old('quantity', $product->quantity) }}" class="form-control{{ $errors->has('quantity') ? ' is-invalid' : '' }}" name="quantity" required>
+
+                                @if ($errors->has('quantity'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('quantity') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="avg_rating" class="col-md-4 col-form-label text-md-right">{{ __('Rating') }}</label>
+
+                            <div class="col-md-6">
+                                <input id="avg_rating" type="text" value="{{ old('avg_rating', $product->avg_rating) }}" class="form-control{{ $errors->has('avg_rating') ? ' is-invalid' : '' }}" name="avg_rating" required>
+
+                                @if ($errors->has('avg_rating'))
+                                    <span class="invalid-feedback" role="alert">
+                                        <strong>{{ $errors->first('avg_rating') }}</strong>
+                                    </span>
+                                @endif
+                            </div>
+                        </div>
+
+                        <div class="form-group row mb-0">
+                            <div class="col-md-6 offset-md-4">
+                                <button type="submit" class="btn btn-primary">
+                                    {{ __('Update') }}
+                                </button>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/products/images.blade.php b/resources/views/products/images.blade.php
new file mode 100644
index 0000000..d7808a9
--- /dev/null
+++ b/resources/views/products/images.blade.php
@@ -0,0 +1,20 @@
+@extends('layouts.app')
+@session('content')
+	@if (count($errors) > 0)
+     <div class="alert alert-danger">
+         <ul>
+         @foreach ($errors->all() as $error)
+             <li>{{ $error }}</li>
+         @endforeach
+         </ul>
+     </div>
+	@endif
+
+	{!! Form::open(['url' => '/upload', 'files' => true]) !!} 
+	     <!-- File upload chap nhap type Image -->
+	     {!! Form::file('image', ['accept' => 'image/*']) !!} <br>
+	     {!! Form::submit('Upload') !!}
+	{!! Form::close() !!}
+@endsession
+
+
diff --git a/resources/views/products/index.blade.php b/resources/views/products/index.blade.php
new file mode 100644
index 0000000..eab3aba
--- /dev/null
+++ b/resources/views/products/index.blade.php
@@ -0,0 +1,95 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <main role="main">
+      <div class="album py-5 bg-light">
+        <div class="container">
+            @if (session('status'))
+                <div class="alert alert-success">
+                    {{ session('status') }}
+                </div>
+            @endif
+            <div class="row">
+                <div class="col-md-9 float-right">Order by:</div>
+                <div class="col-md-3">
+                    <select class="form-control" id="order">
+                        <option value="1" {{ $selected[1] ? 'selected' : '' }} selected>Created at</option>
+                        <option value="2" {{ $selected[2] ? 'selected' : '' }}>Price increase</option>
+                        <option value="3" {{ $selected[3] ? 'selected' : '' }}>Price decrease</option>
+                    </select>
+                </div>
+            </div>
+            <div class="row">
+                @foreach ($products as $product)
+                    <div class="col-md-4">
+                      <div class="card mb-4 shadow-sm">
+                        <img src="{{ 'https://kenh14cdn.com/2017/75614297gy1fksgmqczs9j21jj4401ky-1509003306586.jpg' }}" alt="{{ $product->product_name }}" height="100%" width="100%" class="hoverZoomLink">
+                        <div class="card-body">
+                            <p class="card-text">
+                                Product name: {{ $product->product_name }}
+                            </p>
+                            <p class="card-text">
+                                Price: ${{ $product->price }}
+                            </p>
+                          <div class="d-flex justify-content-between align-items-center">
+                            <div class="btn-group">
+                              <a href="{{ route('products.show', ['product' => $product->id]) }}" class="btn btn-sm btn-outline-secondary" role="button">View</a>
+                              <a href="products/{{ $product->id }}/edit" class="btn btn-sm btn-outline-secondary" role="button">Edit</a>
+                            </div>
+                            <small class="text-muted">9 mins</small>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                @endforeach
+            </div>
+            <div class="row justify-content-center">
+              {{ $products->links() }}
+            </div>
+            <a href="{{ route('products.create') }}" class="btn btn-info" role="button">Create product</a>
+        </div>
+      </div>
+    </main>
+</div>
+
+<script type="text/javascript">
+    $(document).ready(function(){
+        $('.btn-del-product').click(function() {
+            if (confirm('You are sure?')) {
+                $.ajaxSetup({
+                    headers: {
+                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+                    }
+                });
+                var productId = $(this).data('product-id');
+                var url = '/products/' + productId;
+                $.ajax({
+                    url: url,
+                    type: 'DELETE',
+                    success: function(result) {
+                        if (result.status) {
+                            $('.row_' + productId).remove();
+                        } else {
+                            alert(result.msg);
+                        }
+                    },
+                    error: function() {
+                        location.reload();
+                    }
+                });
+            }
+        });
+        $('#order').change(function() {
+            var selectValue = $(this).val();
+            var redirectUrl = 'http://localhost:8000/?orderBy=created_at&type=desc';
+            if (selectValue == 2) {
+                redirectUrl = 'http://localhost:8000/?orderBy=price&type=asc';
+            } else if (selectValue == 3) {
+                redirectUrl = 'http://localhost:8000/?orderBy=price&type=desc';
+            }
+            window.location.replace(redirectUrl);
+        });
+    });
+</script>
+@endsection
\ No newline at end of file
diff --git a/resources/views/products/show.blade.php b/resources/views/products/show.blade.php
new file mode 100644
index 0000000..f725d8c
--- /dev/null
+++ b/resources/views/products/show.blade.php
@@ -0,0 +1,50 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            @if (session('status'))
+                <div class="alert alert-success">
+                  {{ session('status') }}
+                </div>
+            @endif
+            <div class="card">
+                <div class="card-header">{{ __('Product profile') }}</div>
+
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-md-6">{{ __('Category') }}</div>
+                        <div class="col-md-6">{{ $product->category_id }}</div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">{{ __('Product name') }}</div>
+                        <div class="col-md-6">{{ $product->product_name }}</div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">{{ __('Price') }}</div>
+                        <div class="col-md-6">{{ $product->price }}</div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">{{ __('Image') }}</div>
+                        <div class="col-md-6">
+                            <img src="{{ asset(config('products.image_path') . $product->image) }}" alt="{{ $product->image }}" height="70" width="70">
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">{{ __('Quantity') }}</div>
+                        <div class="col-md-6">{{ $product->quantity }}</div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-6">{{ __('Rating') }}</div>
+                        <div class="col-md-6">{{ $product->avg_rating }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <br>
+            <a href="{{ route('products.create') }}" class="btn btn-info" role="button">Create product</a>
+        </div>
+    </div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/resources/views/users/show.blade.php b/resources/views/users/show.blade.php
index 236a49f..6d2eb12 100644
--- a/resources/views/users/show.blade.php
+++ b/resources/views/users/show.blade.php
@@ -31,12 +31,13 @@
                   <th scope="col">#</th>
                   <th scope="col">Description</th>
                   <th scope="col">Total price</th>
+                  <th scope="col">Status</th>
                   <th scope="col">Action</th>
                 </tr>
               </thead>
               <tbody>
                     @foreach ($user->orders as $order)
-                        <tr class="row_{{ $user->id }}">
+                        <tr class="row_{{ $order->id }}">
                             <th scope="row">
                                 <a href="/users/{{ $user->id }}">{{ $order->id }}</a>
                             </th>
@@ -44,9 +45,26 @@
                                 <a href="/users/{{ $user->id }}">{{ $order->description }}</a>
                             </td>
                             <td>{{ $order->total_price }}</td>
+                            <td>
+                                @switch($order->status)
+                                    @case(config('orders.cancelled'))
+                                        <span class="status badge badge-danger">{{ __('order.status.' . $order->status) }}</span>
+                                        @break
+
+                                    @case(config('orders.delivering'))
+                                        <span class="status badge badge-warning">{{ __('order.status.' . $order->status) }}</span>
+                                        @break
+
+                                    @default
+                                        <span class="status badge badge-primary">{{ __('order.status.' . $order->status) }}</span>
+                                @endswitch
+                            </td>
                             <td>
                                 <a href="users/{{ $user->id }}/edit" class="btn btn-info" role="button">Edit</a>
                                 <a href="#" class="btn btn-info btn-del-user" role="button" data-user-id="{{ $user->id }}">Delete</a>
+                                @if ($order->status != config('orders.cancelled'))
+                                    <div class="btn btn-info btn-cancelled-order" data-order-id="{{ $order->id }}">Cancelled</div>
+                                @endif
                             </td>
                         </tr>
                     @endforeach
@@ -56,4 +74,42 @@
         </div>
     </div>
 </div>
+<script type="text/javascript">
+    $(document).ready(function(){
+        $('.btn-cancelled-order').click(function() {
+            if (confirm('You are sure?')) {
+                $.ajaxSetup({
+                    headers: {
+                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+                    }
+                });
+                var orderId = $(this).data('order-id');
+                var url = '/orders/cancelled/' + orderId;
+                var cancelBtn = $(this);
+                $.ajax({
+                    url: url,
+                    type: 'POST',
+                    data : {
+                        status : 3,
+                    },
+                    success: function(result) {
+                        if (result.status) {
+                            var elementStatus = $('.row_' + orderId).find('.status');
+                            elementStatus.text('Cancelled');
+                            elementStatus.removeClass('badge-warning');
+                            elementStatus.removeClass('badge-primary');
+                            elementStatus.addClass('badge-danger');
+                            cancelBtn.remove();
+                        } else {
+                            alert(result.msg);
+                        }
+                    },
+                    error: function() {
+                        location.reload();
+                    }
+                });
+            }
+        });
+    });
+</script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
index 26ca674..7bb9110 100644
--- a/resources/views/welcome.blade.php
+++ b/resources/views/welcome.blade.php
@@ -62,8 +62,10 @@
                 margin-bottom: 30px;
             }
         </style>
+        
     </head>
     <body>
+        
         <div class="flex-center position-ref full-height">
             @if (Route::has('login'))
                 <div class="top-right links">
diff --git a/routes/web.php b/routes/web.php
index f4bab98..73ac9e5 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -28,4 +28,24 @@
 
     Route::post('/orders', 'OrdersController@store')->name('orders.store');
     Route::get('/orders/create', 'OrdersController@create')->name('orders.create');
-});
+    Route::post('/orders/cancelled/{order}', 'OrdersController@cancelled')->name('orders.cancelled');
+
+    Route::post('/products', 'ProductsController@store')->name('products.store');
+    Route::get('/products/create', 'ProductsController@create')->name('products.create');
+    Route::get('/products/{product}', 'ProductsController@show')->name('products.show');
+    Route::get('/products/{product}/edit', 'ProductsController@edit')->name('products.edit');
+    Route::post('/products/{product}', 'ProductsController@update')->name('products.update');
+    Route::get('/products/search/{key}', 'ProductsController@search')->name('products.search');
+
+    // Route::get('products/{products}/images',function() {
+    //     return view('products.images');
+    }); 
+
+    Route::post('admin', function(){
+        return view('admin');
+
+    });
+
+    
+    
+
diff --git a/storage/debugbar/.gitignore b/storage/debugbar/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/storage/debugbar/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore