src/pages/employee/EmployeeList.jsx

@@ -343,6 +343,28 @@ const EmployeeList = () => {
 
                   {/* Show Inactive Employees Switch */}
                   {/* {showAllEmployees && ( */}
+                  <div className="form-check form-switch text-start">
+                    <input
+                      type="checkbox"
+                      className="form-check-input"
+                      role="switch"
+                      id="inactiveEmployeesCheckbox"
+                      checked={showInactive}
+                      onChange={(e) => setShowInactive(e.target.checked)}
+                    />
+                    <label
+                      className="form-check-label ms-0"
+                      htmlFor="inactiveEmployeesCheckbox"
+                    >
+                      Show Inactive Employees
+                    </label>
+                  </div>
+                  {/* )} */}
+                </div>
+
+                {/* Right side: Search + Export + Add Employee */}
+                <div className="d-flex flex-wrap align-items-center justify-content-end gap-3 flex-grow-1">
+                  {/* Search Input - ALWAYS ENABLED */}
                   <div className="dataTables_filter">
                     <label className="mb-0">
                       <input
@@ -356,11 +378,57 @@ const EmployeeList = () => {
                     </label>
                   </div>
 
-                  {/* )} */}
+                  {/* Export Dropdown */}
+                  <div className="dropdown">
+                    <button
+                      aria-label="Click me"
+                      className="btn btn-sm btn-label-secondary dropdown-toggle"
+                      type="button"
+                      data-bs-toggle="dropdown"
+                      aria-expanded="false"
+                    >
+                      <i className="bx bx-export me-2 bx-sm"></i>Export
+                    </button>
+                    <ul className="dropdown-menu">
+                      <li>
+                        <a
+                          className="dropdown-item"
+                          href="#"
+                          onClick={() => handleExport("print")}
+                        >
+                          <i className="bx bx-printer me-1"></i> Print
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          className="dropdown-item"
+                          href="#"
+                          onClick={() => handleExport("csv")}
+                        >
+                          <i className="bx bx-file me-1"></i> CSV
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          className="dropdown-item"
+                          href="#"
+                          onClick={() => handleExport("excel")}
+                        >
+                          <i className="bx bxs-file-export me-1"></i> Excel
+                        </a>
+                      </li>
+                      <li>
+                        <a
+                          className="dropdown-item"
+                          href="#"
+                          onClick={() => handleExport("pdf")}
+                        >
+                          <i className="bx bxs-file-pdf me-1"></i> PDF
+                        </a>
+                      </li>
+                    </ul>
                   </div>
 
-                {/* Right side: Search + Add Employee + Options */}
-                <div className="d-flex flex-wrap align-items-center justify-content-end gap-3 flex-grow-1">
                   {/* Add Employee Button */}
                   {Manage_Employee && (
                     <button
@@ -374,60 +442,7 @@ const EmployeeList = () => {
                       </span>
                     </button>
                   )}
-
-                  {/* 3-Dots Dropdown (New Combined Menu) */}
-                  <div className="dropdown">
-                    <button
-                      className="btn btn-icon me-1"
-                      type="button"
-                      data-bs-toggle="dropdown"
-                      aria-expanded="false"
-                    >
-                      <i className="bx bx-dots-vertical-rounded bx-md"></i>
-                    </button>
-                    <ul className="dropdown-menu dropdown-menu-end shadow-sm " style={{ minWidth: "220px" }}>
-
-                      <li className="dropdown-item d-flex align-items-center justify-content-between">
-                        <div className="form-check form-switch mb-0">
-                          <input
-                            type="checkbox"
-                            className="form-check-input"
-                            role="switch"
-                            id="inactiveEmployeesCheckboxMenu"
-                            checked={showInactive}
-                            onChange={(e) => setShowInactive(e.target.checked)}
-                          />
                 </div>
-                        <span className="ms-0">Show Inactive Employees</span>
-                      </li>
-
-
-                      <li><hr className="dropdown-divider" /></li>
-
-                      <li>
-                        <button className="dropdown-item" onClick={() => handleExport("print")}>
-                          <i className="bx bx-printer me-2"></i> Print
-                        </button>
-                      </li>
-                      <li>
-                        <button className="dropdown-item" onClick={() => handleExport("csv")}>
-                          <i className="bx bx-file me-2"></i> CSV
-                        </button>
-                      </li>
-                      <li>
-                        <button className="dropdown-item" onClick={() => handleExport("excel")}>
-                          <i className="bx bxs-file-export me-2"></i> Excel
-                        </button>
-                      </li>
-                      <li>
-                        <button className="dropdown-item" onClick={() => handleExport("pdf")}>
-                          <i className="bx bxs-file-pdf me-2"></i> PDF
-                        </button>
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-
               </div>
 
               <table