Admin Panel - Copy this React, Tailwind Component to your project

Giao diện quản lý người dùng (user management) trong một hệ thống phần mềm, cụ thể là hệ thống OMS (Order Management System). Các mục chính trong giao diện bao gồm: 1. Thông tin cơ bản: o Họ và tên o Ảnh đại diện (có thể tải lên từ file) o Giới tính o Sinh nhật 2. Thông tin liên lạc: o Số điện thoại o Email o Địa chỉ liên lạc o Số CMND (chứng minh nhân dân) 3. Thông tin phân quyền: o Vai trò (các vai trò có thể chọn như Admin, Sales, Accountant, Product Manager...) o Phân quyền chi tiết (Admin, User, và các quyền khác liên quan đến báo cáo, chỉnh sửa kho hàng, vật liệu...) 4. Khu vực bên dưới phần Vai trò: o Thêm nhóm radio chọn Loại tài khoản với các tùy chọn Cá nhân và Cửa hàng. o Khi chọn Cửa hàng, phần dưới sẽ mở ra các trường nhập liệu về Thông tin cửa hàng và Thông tin kho: • Khi chọn Cửa hàng, các trường bổ sung về Thông tin cửa hàng và Thông tin kho hàng sẽ hiện ra: Radio chọn loại tài khoản  Cho phép người quản trị chọn xem tài khoản là Chung hay Cửa hàng.  Khi chọn Cửa hàng, hệ thống sẽ yêu cầu nhập thông tin cụ thể về cửa hàng và kho hàng. b) Thông tin cửa hàng  Khi tài khoản là Cửa hàng, hệ thống cần lưu trữ thông tin chi tiết như:  Địa chỉ cửa hàng: Địa chỉ nơi cửa hàng hoạt động.  Mã số thuế: Nếu cửa hàng có mã số thuế, nhập mã số này. c) Thông tin kho hàng  Cho phép người dùng tạo, chỉnh sửa và quản lý nhiều kho hàng thuộc về cửa hàng.  Tên kho: Tên của từng kho hàng, giúp dễ dàng phân biệt giữa các kho.  Địa chỉ kho: Địa chỉ cụ thể của từng kho hàng.  Người dùng có thể thêm nhiều kho thông qua nút "Thêm kho", và sau đó quản lý thông tin các kho trong danh sách hiển thị. 5. Thông tin cấu hình: o Nhóm o Nhận email Các nút điều khiển phía dưới bao gồm: "Trở lại", "Làm mới", và "Lưu" nhằm hỗ trợ trong việc lưu hoặc hủy bỏ các thay đổi.