diff --git a/Areas/Report/Views/Reporting/InventoryReport.cshtml b/Areas/Report/Views/Reporting/InventoryReport.cshtml
index 5798427..1053789 100644
--- a/Areas/Report/Views/Reporting/InventoryReport.cshtml
+++ b/Areas/Report/Views/Reporting/InventoryReport.cshtml
@@ -18,6 +18,10 @@
                 <div class="row justify-content-center">
                     <div class="col-3">
                         <h4>Statistic</h4>
+                        <select class="form-select shadow-none mt-3" v-model="selectedDepartment" v-on:change="">
+                            <option value="" disabled selected>Please select</option>
+                            <option v-for="(dept, index) in compDeptList" :key="index" :value="dept.departmentId">{{ dept.departmentName }}</option>
+                        </select>
                     </div>
                     <div class="col-3">
                         <h4>Item Registered </h4>
@@ -79,6 +83,7 @@
                 },
                 reportData: null,
                 compDeptList: {},
+                selectedDepartment: null,
             }
         },
         mounted() {
@@ -141,8 +146,10 @@
                             ({ 
                                 companyId: company.companyId, 
                                 companyName: company.companyName, 
+                                departmentId: department.departmentId,
                                 departmentName: department.departmentName, 
                                 departmentCode: department.departmentCode 
+                            })
                             )).flat();
                             console.log(this.compDeptList);
                     }