diff --git a/DataTables/ProductDataTable.php b/DataTables/ProductDataTable.php
new file mode 100644
index 0000000..495ba60
--- /dev/null
+++ b/DataTables/ProductDataTable.php
@@ -0,0 +1,113 @@
+<?php
+
+    namespace Modules\Product\DataTables;
+
+    use Modules\Product\Entities\Product;
+    use Yajra\DataTables\Html\Column;
+    use Yajra\DataTables\Services\DataTable;
+
+    class ProductDataTable extends DataTable
+    {
+        /**
+         * Build DataTable class.
+         *
+         * @param mixed $query Results from query() method.
+         *
+         * @return \Yajra\DataTables\DataTableAbstract
+         */
+        public function dataTable($query)
+        {
+            $query = $query->with('category', 'unit');
+
+            return datatables()
+                ->eloquent($query)
+                ->filter(function ($query) {
+                    $search = request()->get('search');
+                    if ($search['value'] !== "") {
+                        $query->where('name', 'like', "%" . $search['value'] . "%");
+                        $query->orWhere('harga_beli_ppn', 'like', "%" . $search['value'] . "%");
+                        $query->orWhere('harga_beli_non_ppn', 'like', "%" . $search['value'] . "%");
+                        $query->orWhereRelation('category', 'name', 'like', "%" . $search['value'] . "%");
+                        $query->orWhereRelation('unit', 'name', 'like', "%" . $search['value'] . "%");
+
+                    }
+                })
+                ->addIndexColumn()
+                ->addColumn('status', function ($model) {
+                    return view('product::product._status', compact('model'));
+                })
+                ->addColumn('action', function ($model) {
+                    return view('product::product._action', compact('model'));
+                })
+                ->rawColumns(['status', 'action']);
+        }
+
+        /**
+         * Get query source of dataTable.
+         *
+         * @param \Modules\Product\Entities\Product $model
+         *
+         * @return \Illuminate\Database\Eloquent\Builder
+         */
+        public function query(Product $model)
+        {
+            return $model->newQuery();
+        }
+
+        /**
+         * Optional method if you want to use html builder.
+         *
+         * @return \Yajra\DataTables\Html\Builder
+         */
+        public function html()
+        {
+            return $this->builder()
+                ->setTableId('product-table')
+                ->columns($this->getColumns())
+                ->minifiedAjax()
+                ->orderBy(1, 'asc')
+                ->stateSave(false)
+                ->responsive()
+                ->autoWidth(false)
+                ->parameters([
+                    'scrollX'      => false,
+                    'drawCallback' => 'function() { KTMenu.createInstances(); }',
+                ])
+                ->addTableClass('align-middle table-row-dashed fs-6 gy-5');
+        }
+
+        /**
+         * Get columns.
+         *
+         * @return array
+         */
+        protected function getColumns()
+        {
+            return [
+                Column::make('DT_RowIndex')->title('No')->orderable(false)->searchable(false),
+                Column::make('name')->title(__('Name')),
+                Column::make('category.name')->title(__('Category')),
+                Column::make('unit.name')->title(__('Unit')),
+                Column::make('harga_beli_ppn')->title(__('Harga Beli PPN')),
+                Column::make('harga_beli_non_ppn')->title(__('Harga Beli Non PPN')),
+                Column::computed('status')->title(__('Status'))->width(50)->addClass('text-center')->exportable(false),
+                Column::computed('action')
+                    ->exportable(false)
+                    ->printable(false)
+                    ->width(100)
+                    ->addClass('text-center')
+                    ->responsivePriority(-1),
+            ];
+        }
+
+        /**
+         * Get filename for export.
+         *
+         * @return string
+         */
+        protected function filename()
+        : string
+        {
+            return 'Product_' . date('YmdHis');
+        }
+    }
diff --git a/Database/Migrations/2023_06_10_122156_create_products_table.php b/Database/Migrations/2023_06_10_122156_create_products_table.php
new file mode 100644
index 0000000..e9b8377
--- /dev/null
+++ b/Database/Migrations/2023_06_10_122156_create_products_table.php
@@ -0,0 +1,44 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+    use Modules\Product\Entities\Category;
+    use Modules\Product\Entities\Unit;
+
+    return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('products', function (Blueprint $table) {
+            $table->id();
+            $table->foreignIdFor(Category::class)->constrained("categories")->onDelete("cascade");
+            $table->foreignIdFor(Unit::class)->constrained("units")->onDelete("cascade");
+            $table->string("name");
+            $table->string("harga_beli_ppn")->nullable();
+            $table->string("harga_beli_non_ppn")->nullable();
+            $table->string("status")->default(1);
+            $table->timestamps();
+            $table->softDeletes();
+
+            $table->foreignId("created_by")->nullable()->constrained("users");
+            $table->foreignId("updated_by")->nullable()->constrained("users");
+            $table->foreignId("deleted_by")->nullable()->constrained("users");
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('products');
+    }
+};
diff --git a/Entities/Category.php b/Entities/Category.php
index a0e79df..627ee12 100644
--- a/Entities/Category.php
+++ b/Entities/Category.php
@@ -11,4 +11,9 @@
             'updated_by',
             'deleted_by',
         ];
+
+        public function products()
+        {
+            return $this->hasMany(Product::class);
+        }
     }
diff --git a/Entities/Product.php b/Entities/Product.php
new file mode 100644
index 0000000..bed254a
--- /dev/null
+++ b/Entities/Product.php
@@ -0,0 +1,25 @@
+<?php
+
+    namespace Modules\Product\Entities;
+
+    class Product extends BaseModel
+    {
+        protected $fillable = [
+            "category_id",
+            "unit_id",
+            "name",
+            "harga_beli_ppn",
+            "harga_beli_non_ppn",
+            "status",
+        ];
+
+        public function category()
+        {
+            return $this->belongsTo(Category::class);
+        }
+
+        public function unit()
+        {
+            return $this->belongsTo(Unit::class);
+        }
+    }
diff --git a/Entities/Unit.php b/Entities/Unit.php
index e24726b..0363cc6 100644
--- a/Entities/Unit.php
+++ b/Entities/Unit.php
@@ -11,4 +11,9 @@
             'updated_by',
             'deleted_by',
         ];
+
+        public function products()
+        {
+            return $this->hasMany(Product::class);
+        }
     }
diff --git a/Http/Controllers/ProductController.php b/Http/Controllers/ProductController.php
new file mode 100644
index 0000000..38d934c
--- /dev/null
+++ b/Http/Controllers/ProductController.php
@@ -0,0 +1,178 @@
+<?php
+
+    namespace Modules\Product\Http\Controllers;
+
+    use Exception;
+    use Illuminate\Contracts\Support\Renderable;
+    use Illuminate\Http\Request;
+    use Illuminate\Routing\Controller;
+    use Illuminate\Support\Facades\Auth;
+    use Modules\Product\DataTables\ProductDataTable;
+    use Modules\Product\Entities\Category;
+    use Modules\Product\Entities\Product;
+    use Modules\Product\Entities\Unit;
+    use Modules\Product\Http\Requests\Product\StoreProductRequest;
+    use Modules\Product\Http\Requests\Product\UpdateProductRequest;
+
+    class ProductController extends Controller
+    {
+        protected $user;
+        protected $model = Product::class;
+        protected $module;
+
+        public function __construct()
+        {
+            $this->middleware(function ($request, $next) {
+                $this->user = Auth::guard('web')->user();
+                return $next($request);
+            });
+
+            $module       = file_get_contents(dirname(__FILE__, 3) . '/module.json');
+            $this->module = json_decode($module);
+        }
+
+        /**
+         * Display a listing of the resource.
+         *
+         * @return Renderable
+         */
+        public function index(ProductDataTable $dataTable)
+        {
+            if (is_null($this->user) || !$this->user->can($this->module->alias . '.read')) {
+                abort(403, 'Sorry !! You are Unauthorized to view any ' . $this->module->alias . ' !');
+            }
+            $categories = Category::where('status',1)->get();
+            $units      = Unit::where('status',1)->get();
+
+            return $dataTable->render($this->module->alias . '::product.index', compact('categories', 'units'));
+        }
+
+        /**
+         * Store a newly created resource in storage.
+         *
+         * @param Request $request
+         *
+         * @return Renderable
+         */
+        public function store(StoreProductRequest $request)
+        {
+            if (is_null($this->user) || !$this->user->can($this->module->alias . '.create')) {
+                abort(403, 'Sorry !! You are Unauthorized to create any ' . $this->module->alias . ' !');
+            }
+
+            //Validate the request
+            $validated = $request->validated();
+
+            // Store the Product...
+            if ($validated) {
+                try {
+                    $this->model::create($validated);
+                    echo json_encode(['status' => 'success', 'message' => $this->module->name . ' product created successfully.']);
+                } catch (Exception $e) {
+                    echo json_encode(['status' => 'error', 'message' => $this->module->name . ' product created failed.']);
+                }
+                return;
+            }
+
+            echo json_encode(['status' => 'error', 'message' => $this->module->name . ' product created failed.']);
+        }
+
+        /**
+         * Show the form for creating a new resource.
+         *
+         * @return Renderable
+         */
+        public function create()
+        {
+            if (is_null($this->user) || !$this->user->can($this->module->alias . '.create')) {
+                abort(403, 'Sorry !! You are Unauthorized to create any ' . $this->module->alias . ' !');
+            }
+
+            abort(404);
+        }
+
+        /**
+         * Show the specified resource.
+         *
+         * @param int $id
+         *
+         * @return Renderable
+         */
+        public function show($id)
+        {
+            if (is_null($this->user) || !$this->user->can($this->module->alias . '.read')) {
+                abort(403, 'Sorry !! You are Unauthorized to view any ' . $this->module->alias . ' !');
+            }
+
+            abort(404);
+        }
+
+        /**
+         * Show the form for editing the specified resource.
+         *
+         * @param int $id
+         *
+         * @return Renderable
+         */
+        public function edit($id)
+        {
+            if (is_null($this->user) || !$this->user->can($this->module->alias . '.update')) {
+                abort(403, 'Sorry !! You are Unauthorized to update any ' . $this->module->alias . ' !');
+            }
+
+            $data = $this->model::find($id);
+            echo json_encode($data);
+        }
+
+        /**
+         * Update the specified resource in storage.
+         *
+         * @param Request $request
+         * @param int     $id
+         *
+         * @return Renderable
+         */
+        public function update(UpdateProductRequest $request, Product $product)
+        {
+            if (is_null($this->user) || !$this->user->can($this->module->alias . '.update')) {
+                abort(403, 'Sorry !! You are Unauthorized to update any ' . $this->module->alias . ' !');
+            }
+
+            //Validate the request
+            $validated = $request->validated();
+
+            // Update the Product...
+            if ($validated) {
+                try {
+                    $product->update($validated);
+                    echo json_encode(['status' => 'success', 'message' => $this->module->name . ' product updated successfully.']);
+                } catch (Exception $e) {
+                    echo json_encode(['status' => 'error', 'message' => $this->module->name . ' product updated failed.']);
+                }
+                return;
+            }
+
+            echo json_encode(['status' => 'error', 'message' => $this->module->name . ' product updated failed.']);
+        }
+
+        /**
+         * Remove the specified resource from storage.
+         *
+         * @param int $id
+         *
+         * @return Renderable
+         */
+        public function destroy(Product $product)
+        {
+            if (is_null($this->user) || !$this->user->can($this->module->alias . '.delete')) {
+                abort(403, 'Sorry !! You are Unauthorized to delete any ' . $this->module->alias . ' !');
+            }
+
+            try {
+                $product->delete();
+                echo json_encode(['status' => 'success', 'message' => $this->module->name . ' product deleted successfully.']);
+            } catch (Exception $e) {
+                echo json_encode(['status' => 'error', 'message' => $this->module->name . ' product deleted failed.']);
+            }
+        }
+    }
diff --git a/Http/Requests/Category/StoreCategoryRequest.php b/Http/Requests/Category/StoreCategoryRequest.php
index aa2fa8c..751ea5f 100644
--- a/Http/Requests/Category/StoreCategoryRequest.php
+++ b/Http/Requests/Category/StoreCategoryRequest.php
@@ -46,7 +46,7 @@
                     foreach ($errors as $key => $value) {
                         flash($value[0]);
                     }
-                    return redirect()->route('master.category.index')->with('error', 'Category created failed.');
+                    return redirect()->route('product.category.index')->with('error', 'Category created failed.');
                 }
 
             });
diff --git a/Http/Requests/Category/UpdateCategoryRequest.php b/Http/Requests/Category/UpdateCategoryRequest.php
index 76807bc..4a1fdd9 100644
--- a/Http/Requests/Category/UpdateCategoryRequest.php
+++ b/Http/Requests/Category/UpdateCategoryRequest.php
@@ -46,7 +46,7 @@
                     foreach ($errors as $key => $value) {
                         flash($value[0]);
                     }
-                    return redirect()->route('master.category.index')->with('error', 'Category updated failed.');
+                    return redirect()->route('product.category.index')->with('error', 'Category updated failed.');
                 }
 
             });
diff --git a/Http/Requests/Product/StoreProductRequest.php b/Http/Requests/Product/StoreProductRequest.php
new file mode 100644
index 0000000..ad3525a
--- /dev/null
+++ b/Http/Requests/Product/StoreProductRequest.php
@@ -0,0 +1,71 @@
+<?php
+
+    namespace Modules\Product\Http\Requests\Product;
+
+    use Illuminate\Http\Exceptions\HttpResponseException;
+    use Illuminate\Validation\ValidationException;
+    use Illuminate\Validation\Validator;
+    use Modules\Product\Http\Requests\ProductRequest;
+    use Symfony\Component\HttpFoundation\JsonResponse;
+
+    class StoreProductRequest extends ProductRequest
+    {
+        /**
+         * Determine if the user is authorized to make this request.
+         */
+        public function authorize()
+        : bool
+        {
+            return true;
+        }
+
+        /**
+         * Get the validation rules that apply to the request.
+         *
+         * @return array<string, \Illuminate\Contracts\Validation\Rule|array|string>
+         */
+        public function rules()
+        : array
+        {
+            return [
+                'name'               => 'required|string|max:50|unique:products,name',
+                'unit_id'            => 'required|integer|exists:units,id',
+                'category_id'        => 'required|integer|exists:categories,id',
+                'harga_beli_ppn'     => 'required|integer',
+                'harga_beli_non_ppn' => 'required|integer',
+                'status'             => 'nullable|integer|max:1',
+            ];
+        }
+
+        /**
+         * Configure the validator instance.
+         */
+        public function withValidator(Validator $validator)
+        : void
+        {
+            $validator->after(function (Validator $validator) {
+                if ($validator->errors()->any()) {
+                    $errors = json_decode($validator->errors()->toJson(), true);
+
+                    foreach ($errors as $key => $value) {
+                        flash($value[0]);
+                    }
+                    return redirect()->route('product.index')->with('error', 'Product created failed.');
+                }
+
+            });
+        }
+
+        protected function failedValidation(Validator|\Illuminate\Contracts\Validation\Validator $validator)
+        : JsonResponse
+        {
+            $errors = (new ValidationException($validator))->errors();
+
+            throw new HttpResponseException(response()->json([
+                'success'  => false,
+                'errors'   => $errors,
+                'messages' => 'Product created failed.'
+            ], JsonResponse::HTTP_UNPROCESSABLE_ENTITY));
+        }
+
+    }
diff --git a/Http/Requests/Product/UpdateProductRequest.php b/Http/Requests/Product/UpdateProductRequest.php
new file mode 100644
index 0000000..6fcf977
--- /dev/null
+++ b/Http/Requests/Product/UpdateProductRequest.php
@@ -0,0 +1,71 @@
+<?php
+
+    namespace Modules\Product\Http\Requests\Product;
+
+    use Illuminate\Http\Exceptions\HttpResponseException;
+    use Illuminate\Validation\ValidationException;
+    use Illuminate\Validation\Validator;
+    use Modules\Product\Http\Requests\ProductRequest;
+    use Symfony\Component\HttpFoundation\JsonResponse;
+
+    class UpdateProductRequest extends ProductRequest
+    {
+        /**
+         * Determine if the user is authorized to make this request.
+         */
+        public function authorize()
+        : bool
+        {
+            return true;
+        }
+
+        /**
+         * Get the validation rules that apply to the request.
+         *
+         * @return array<string, \Illuminate\Contracts\Validation\Rule|array|string>
+         */
+        public function rules()
+        : array
+        {
+            return [
+                'name'               => 'required|string|max:50|unique:products,name,' . $this->product->id,
+                'unit_id'            => 'required|integer|exists:units,id',
+                'category_id'        => 'required|integer|exists:categories,id',
+                'harga_beli_ppn'     => 'required|integer',
+                'harga_beli_non_ppn' => 'required|integer',
+                'status'             => 'nullable|integer|max:1',
+            ];
+        }
+
+        /**
+         * Configure the validator instance.
+         */
+        public function withValidator(Validator $validator)
+        : void
+        {
+            $validator->after(function (Validator $validator) {
+                if ($validator->errors()->any()) {
+                    $errors = json_decode($validator->errors()->toJson(), true);
+
+                    foreach ($errors as $key => $value) {
+                        flash($value[0]);
+                    }
+                    return redirect()->route('product.index')->with('error', 'Product updated failed.');
+                }
+
+            });
+        }
+
+        protected function failedValidation(Validator|\Illuminate\Contracts\Validation\Validator $validator)
+        : JsonResponse
+        {
+            $errors = (new ValidationException($validator))->errors();
+
+            throw new HttpResponseException(response()->json([
+                'success'  => false,
+                'errors'   => $errors,
+                'messages' => 'Product updated failed.'
+            ], JsonResponse::HTTP_UNPROCESSABLE_ENTITY));
+        }
+
+    }
diff --git a/Http/Requests/Unit/StoreUnitRequest.php b/Http/Requests/Unit/StoreUnitRequest.php
index 4cca898..6e3da06 100644
--- a/Http/Requests/Unit/StoreUnitRequest.php
+++ b/Http/Requests/Unit/StoreUnitRequest.php
@@ -46,7 +46,7 @@
                     foreach ($errors as $key => $value) {
                         flash($value[0]);
                     }
-                    return redirect()->route('master.unit.index')->with('error', 'Unit created failed.');
+                    return redirect()->route('product.unit.index')->with('error', 'Unit created failed.');
                 }
 
             });
diff --git a/Http/Requests/Unit/UpdateUnitRequest.php b/Http/Requests/Unit/UpdateUnitRequest.php
index 1b648f0..b9c2c15 100644
--- a/Http/Requests/Unit/UpdateUnitRequest.php
+++ b/Http/Requests/Unit/UpdateUnitRequest.php
@@ -46,7 +46,7 @@
                     foreach ($errors as $key => $value) {
                         flash($value[0]);
                     }
-                    return redirect()->route('master.unit.index')->with('error', 'Unit updated failed.');
+                    return redirect()->route('product.unit.index')->with('error', 'Unit updated failed.');
                 }
 
             });
diff --git a/Resources/views/partials/menu/_app.blade.php b/Resources/views/partials/menu/_app.blade.php
index baa96b8..de3f70c 100644
--- a/Resources/views/partials/menu/_app.blade.php
+++ b/Resources/views/partials/menu/_app.blade.php
@@ -35,6 +35,19 @@
                 <!--end:Menu link-->
             </div>
             <!--end:Menu item-->
+
+            <!--begin:Menu item-->
+            <div class="menu-item">
+                <!--begin:Menu link-->
+                <a class="menu-link {{ isset($route[1]) && $route[1] == 'index' ? 'active' : '' }}" href="{{ route('product.index') }}">
+							<span class="menu-bullet">
+								<span class="bullet bullet-dot"></span>
+							</span>
+                    <span class="menu-title">Product</span>
+                </a>
+                <!--end:Menu link-->
+            </div>
+            <!--end:Menu item-->
         </div>
         <!--end:Menu sub-->
     </div>
diff --git a/Resources/views/product/_action.blade.php b/Resources/views/product/_action.blade.php
new file mode 100644
index 0000000..61b3c22
--- /dev/null
+++ b/Resources/views/product/_action.blade.php
@@ -0,0 +1,13 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+<div class="d-flex flex-row flex-center">
+    <a href="{{ route($route[0].'.edit',[$route[0] => $model->id]) }}"
+       class="kt_edit_form btn btn-icon btn-bg-light  btn-active-light-primary btn-sm me-1">
+        {!! getIcon("pencil", "fs-1 text-info","duotune") !!}
+    </a>
+
+    {!! Form::open(['method' => 'DELETE','route' => [$route[0].'.destroy', $model->id],'class'=>'']) !!}
+    {{ Form::button(getIcon("trash", "fs-1 text-danger","duotune"), ['type' => 'submit', 'class' => 'delete btn btn-icon btn-bg-light btn-active-light-danger btn-sm'] )  }}
+    {!! Form::close() !!}
+</div>
diff --git a/Resources/views/product/_form.blade.php b/Resources/views/product/_form.blade.php
new file mode 100644
index 0000000..07977ee
--- /dev/null
+++ b/Resources/views/product/_form.blade.php
@@ -0,0 +1,117 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+    <!--begin::Modal - New Target-->
+<div class="modal fade" id="kt_modal_{{$route[0]}}" tabindex="-1" aria-hidden="true">
+    <!--begin::Modal dialog-->
+    <div class="modal-dialog modal-dialog-centered mw-650px">
+        <!--begin::Modal content-->
+        <div class="modal-content rounded">
+            <!--begin::Modal header-->
+            <div class="modal-header pb-0 border-0 justify-content-end">
+                <!--begin::Close-->
+                <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">{!! getIcon('cross', 'fs-1') !!}</div>
+                <!--end::Close-->
+            </div>
+            <!--begin::Modal header-->
+            <!--begin::Modal body-->
+            <div class="modal-body scroll-y px-10 px-lg-15 pt-0 pb-15">
+                <!--begin:Form-->
+                <form class="form_{{$route[0]}}" method="POST" action="{{ route($route[0].'.store') }}">
+                    @csrf
+                    <!--begin::Heading-->
+                    <div class="mb-13 text-center">
+                        <!--begin::Title-->
+                        <h1 class="mb-3 text-capitalize" id="title_form">{{ str_replace('-',' ',$route[0]) }}</h1>
+                        <!--end::Title-->
+                    </div>
+                    <!--end::Heading-->
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Name</span>
+                        </label>
+                        <!--end::Label-->
+                        <input type="hidden" id="{{$route[0]}}_id" name="id"/>
+                        <input type="text" id="{{$route[0]}}_name" maxlength="50" class="form-control form-control-solid" placeholder="Enter {{ ucfirst($route[0]) }} Name" name="name"/>
+                    </div>
+                    <!--end::Input group-->
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Category</span>
+                        </label>
+                        <!--end::Label-->
+                        <select class="form-select form-select-solid" name="category_id" id="{{$route[0]}}_category_id">
+                            <option value="">Select Category</option>
+                            @foreach($categories as $category)
+                                <option value="{{$category->id}}">{{$category->name}}</option>
+                            @endforeach
+                        </select>
+                    </div>
+                    <!--end::Input group-->
+
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Unit</span>
+                        </label>
+                        <!--end::Label-->
+                        <select class="form-select form-select-solid" name="unit_id" id="{{$route[0]}}_unit_id">
+                            <option value="">Select Unit</option>
+                            @foreach($units as $unit)
+                                <option value="{{$unit->id}}">{{$unit->name}}</option>
+                            @endforeach
+                        </select>
+                    </div>
+                    <!--end::Input group-->
+
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Harga Beli PPN</span>
+                        </label>
+                        <!--end::Label-->
+                        <input type="number" id="{{$route[0]}}_harga_beli_ppn" maxlength="50" class="form-control form-control-solid" placeholder="Enter {{ ucfirst($route[0]) }} Jarga Beli PPN" name="harga_beli_ppn"/>
+                    </div>
+                    <!--end::Input group-->
+
+                    <!--begin::Input group-->
+                    <div class="d-flex flex-column mb-8 fv-row">
+                        <!--begin::Label-->
+                        <label class="d-flex align-items-center fs-6 fw-semibold mb-2">
+                            <span class="required">Harga Beli Non PPN</span>
+                        </label>
+                        <!--end::Label-->
+                        <input type="number" id="{{$route[0]}}_harga_beli_non_ppn" maxlength="50" class="form-control form-control-solid" placeholder="Enter {{ ucfirst($route[0]) }} Jarga Beli Non PPN" name="harga_beli_non_ppn"/>
+                    </div>
+                    <!--end::Input group-->
+
+                    <div class="form-check form-switch form-check-custom form-check-solid" style="display: block!important;">
+                        <input class="form-check-input h-20px w-30px me-5" type="checkbox" name="status" id="{{$route[0]}}_status"/>
+                        <label class="form-check-label" for="{{$route[0]}}_status">
+                            Aktif
+                        </label>
+                    </div>
+
+                    <!--begin::Actions-->
+                    <div class="text-center">
+                        <button type="reset" data-bs-dismiss="modal" class="btn btn-light me-3">Cancel</button>
+                        <button type="submit" class="btn btn-primary">Submit</button>
+                    </div>
+                    <!--end::Actions-->
+                </form>
+                <!--end:Form-->
+            </div>
+            <!--end::Modal body-->
+        </div>
+        <!--end::Modal content-->
+    </div>
+    <!--end::Modal dialog-->
+</div>
+<!--end::Modal - New Target-->
diff --git a/Resources/views/product/_status.blade.php b/Resources/views/product/_status.blade.php
new file mode 100644
index 0000000..370e5fd
--- /dev/null
+++ b/Resources/views/product/_status.blade.php
@@ -0,0 +1,14 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+{!! Form::open(['method' => 'PUT','route' => [$route[0].'.update', $model->id],'class'=>'']) !!}
+<div class="form-check form-switch form-check-custom form-check-solid" style="display: block!important;">
+    <input class="form-check-input h-20px w-30px status" {{ $model->status==1 ? 'checked' : '' }} type="checkbox" name="status" id="status"/>
+    <input type="hidden" value="{{$model->category_id}}" name="category_id">
+    <input type="hidden" value="{{$model->unit_id}}" name="unit_id">
+    <input type="hidden" value="{{$model->harga_beli_ppn}}" name="harga_beli_ppn">
+    <input type="hidden" value="{{$model->harga_beli_non_ppn}}" name="harga_beli_non_ppn">
+    <input type="hidden" value="{{$model->name}}" name="name">
+</div>
+{!! Form::close() !!}
diff --git a/Resources/views/product/_table.blade.php b/Resources/views/product/_table.blade.php
new file mode 100644
index 0000000..3253927
--- /dev/null
+++ b/Resources/views/product/_table.blade.php
@@ -0,0 +1,136 @@
+<!--begin::Table-->
+{{ $dataTable->table() }}
+<!--end::Table-->
+
+{{-- Inject Scripts --}}
+@section('scripts')
+    {{ $dataTable->scripts() }}
+@endsection
+
+@push('customscript')
+    @php
+        $route = explode('.', Route::currentRouteName());
+    @endphp
+
+    <script>
+        $("#searchbox").on("keyup search input paste cut", function () {
+            LaravelDataTables["{{$route[0]}}-table"].search(this.value).draw();
+        });
+
+        $(function () {
+            const documentTitle = '{{ ucfirst($route[0]) }} Report';
+            var buttons = new $.fn.dataTable.Buttons(LaravelDataTables["{{$route[0]}}-table"], {
+                buttons: [
+                    {
+                        extend: 'copyHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'excelHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'csvHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'pdfHtml5',
+                        title: documentTitle
+                    },
+                    {
+                        extend: 'print',
+                        title: documentTitle
+                    }
+                ]
+            }).container().appendTo($('#kt_datatable_example_buttons'));
+
+            // Hook dropdown menu click event to datatable export buttons
+            const exportButtons = document.querySelectorAll('#kt_datatable_example_export_menu [data-kt-export]');
+            exportButtons.forEach(exportButton => {
+                exportButton.addEventListener('click', e => {
+                    e.preventDefault();
+                    console.log(e.target.getAttribute('data-kt-export'));
+                    // Get clicked export value
+                    const exportValue = e.target.getAttribute('data-kt-export');
+                    const target = document.querySelector('.dt-buttons .buttons-' + exportValue);
+
+                    // Trigger click event on hidden datatable export buttons
+                    target.click();
+                });
+            });
+
+            LaravelDataTables["{{$route[0]}}-table"].on('click', '.kt_edit_form', function (event) {
+                event.preventDefault();
+                $.ajax({
+                    url: $(this).attr('href'),
+                    type: 'GET',
+                    dataType: 'json',
+                    success: function (response) {
+                        $('#title_form').text('Edit {{ ucfirst(str_replace('-',' ',$route[0])) }}');
+                        $('#{{$route[0]}}_id').val(response.id);
+                        $('#{{$route[0]}}_name').val(response.name);
+                        $('#{{$route[0]}}_category_id').val(response.category_id).change();
+                        $('#{{$route[0]}}_unit_id').val(response.unit_id).change();
+                        $('#{{$route[0]}}_harga_beli_ppn').val(response.harga_beli_ppn);
+                        $('#{{$route[0]}}_harga_beli_non_ppn').val(response.harga_beli_non_ppn);
+                        $('#{{$route[0]}}_status').prop('checked', response.status==="1");
+                        $('.form_{{$route[0]}}').attr('action', '{{ URL::to('/'.$route[0].'/') }}/' + response.id).append('<input type="hidden" name="_method" value="PUT">');
+                        $('#kt_modal_{{$route[0]}}').modal('show');
+                    }
+                })
+            })
+
+            LaravelDataTables["{{$route[0]}}-table"].on('click', '.delete', function (event) {
+                var form = $(this).closest("form");
+                event.preventDefault();
+                Swal.fire({
+                    title: 'Are you sure?',
+                    text: "You won't be able to revert this!",
+                    icon: 'warning',
+                    showCancelButton: true,
+                    confirmButtonColor: '#3085d6',
+                    cancelButtonColor: '#d33',
+                    confirmButtonText: 'Yes, delete it!'
+                }).then((result) => {
+                    if (result.isConfirmed) {
+                        $.ajax({
+                            type: "POST",
+                            url: form.attr('action'),
+                            data: form.serialize(), // serializes the form's elements.
+                            success: function (data) {
+                                toastr.success('{{ucfirst($route[0])}} has been deleted.', 'Success!', {timeOut: 5000});
+                                LaravelDataTables["{{$route[0]}}-table"].ajax.reload();
+                            }
+                        });
+
+                    }
+                })
+            })
+
+            LaravelDataTables["{{$route[0]}}-table"].on('change', '.status', function (event) {
+                var form = $(this).closest("form");
+                var _data = form.serializeArray().reduce(function(obj, item) {
+                    obj[item.name] = item.value;
+                    return obj;
+                }, {});
+                event.preventDefault();
+                $.ajax({
+                    type: "POST",
+                    url: form.attr('action'),
+                    data: form.serialize(), // serializes the form's elements.
+                    success: function (data) {
+                        toastr.success('{{ucfirst($route[0])}} '+_data.name+' status has been changed.', 'Success!', {timeOut: 5000});
+                    }
+                });
+            })
+        })
+    </script>
+@endpush
+
+@section('styles')
+    <style>
+        .dataTables_filter {
+            display: none;
+        }
+    </style>
+@endsection
diff --git a/Resources/views/product/index.blade.php b/Resources/views/product/index.blade.php
new file mode 100644
index 0000000..a53aaca
--- /dev/null
+++ b/Resources/views/product/index.blade.php
@@ -0,0 +1,137 @@
+@php
+    $route = explode('.', Route::currentRouteName());
+@endphp
+
+<x-default-layout>
+    <!--begin::Card-->
+    <div class="card card-xxl-stretch mb-5 mb-xl-8">
+        <!--begin::Card body-->
+        <div class="card-header border-0 pt-5">
+            <div class="card-title align-items-start flex-column">
+                <div class="d-flex align-items-center position-relative my-1">
+                    <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
+                    <span class="svg-icon svg-icon-1 position-absolute ms-6">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                            <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
+                                  transform="rotate(45 17.0365 15.1223)" fill="currentColor"></rect>
+                            <path
+                                d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
+                                fill="currentColor"></path>
+                        </svg>
+                    </span>
+                    <!--end::Svg Icon-->
+                    <input type="text" id="searchbox"
+                           class="form-control form-control-solid border border-gray-300 w-250px ps-15"
+                           placeholder="Search {{ ucfirst($route[1]) }}">
+                </div>
+
+                <!--begin::Export buttons-->
+                <div id="kt_datatable_example_1_export" class="d-none"></div>
+                <!--end::Export buttons-->
+
+            </div>
+
+            <div class="card-toolbar">
+
+                <!--begin::Export dropdown-->
+                <button type="button" class="btn btn-light-primary" data-kt-menu-trigger="click"
+                        data-kt-menu-placement="bottom-end">
+                    <i class="ki-duotone ki-exit-down fs-2"><span class="path1"></span><span class="path2"></span></i>
+                    Export Report
+                </button>
+                <!--begin::Menu-->
+                <div id="kt_datatable_example_export_menu"
+                     class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-200px py-4"
+                     data-kt-menu="true">
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="copy">
+                            Copy to clipboard
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="excel">
+                            Export as Excel
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="csv">
+                            Export as CSV
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="pdf">
+                            Export as PDF
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                    <!--begin::Menu item-->
+                    <div class="menu-item px-3">
+                        <a href="#" class="menu-link px-3" data-kt-export="print">
+                            Print
+                        </a>
+                    </div>
+                    <!--end::Menu item-->
+                </div>
+
+                <!--begin::Hide default export buttons-->
+                <div id="kt_datatable_example_buttons" class="d-none"></div>
+                <!--end::Hide default export buttons-->
+
+            </div>
+        </div>
+        <div class="card-body pt-6">
+            @include($route[0].'::product._table')
+            @include($route[0].'::product._form')
+        </div>
+        <!--end::Card body-->
+    </div>
+    <!--end::Card-->
+    @push('customscript')
+        <script>
+            $(function () {
+                $(".form_{{$route[0]}}").submit(function (e) {
+                    e.preventDefault(); // avoid to execute the actual submit of the form.
+
+                    var form = $(this);
+                    var actionUrl = form.attr('action');
+
+                    $.ajax({
+                        type: "POST",
+                        url: actionUrl,
+                        data: form.serialize(), // serializes the form's elements.
+                        success: function (data) {
+                            var _data = JSON.parse(data);
+                            toastr.success(_data.message);
+                            form[0].reset();
+                            LaravelDataTables["{{$route[0]}}-table"].ajax.reload();
+                            $('#kt_modal_{{$route[0]}}').modal('hide');
+
+                        },
+                        error: function (data, textStatus, errorThrown) {
+                            var errors = data.responseJSON.errors;
+                            $.each(errors, function (key, value) {
+                                toastr.error(value);
+                            });
+                        }
+                    });
+                });
+
+                $('#kt_modal_{{$route[0]}}').on('hidden.bs.modal', function (e) {
+                    $(".form_{{$route[0]}}")[0].reset();
+                    $('#{{$route[0]}}_category_id').val(null).change();
+                    $('#{{$route[0]}}_unit_id').val(null).change();
+                    $(".form_{{$route[0]}}").attr('action', "{{ route($route[0].'.store') }}");
+                    $(".form_{{$route[0]}}").find('input[name="_method"]').remove();
+                    $("#title_form").html("Create {{ucfirst($route[1])}}");
+                })
+            });
+        </script>
+    @endpush
+</x-default-layout>
diff --git a/Routes/web.php b/Routes/web.php
index b4f0861..cb827e5 100644
--- a/Routes/web.php
+++ b/Routes/web.php
@@ -12,9 +12,11 @@
 */
 
     use Modules\Product\Http\Controllers\CategoryController;
+    use Modules\Product\Http\Controllers\ProductController;
     use Modules\Product\Http\Controllers\UnitController;
 
     Route::middleware(['auth', 'verified'])->group(function () {
+        Route::resource('product', ProductController::class);
         Route::prefix('product')->name('product.')->group(function () {
             Route::resource('unit', UnitController::class);
             Route::resource('category', CategoryController::class);