From f87be6d2c6dc116a12c938bb4734c4920e148aaa Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Fri, 30 Jan 2026 13:45:49 +0700
Subject: [PATCH] add add-user-block

---
 src/app/[locale]/pages/settings/page.tsx      |  2 +
 .../settings/company-users-setting-panel.tsx  | 61 +++++++++++++++++++
 2 files changed, 63 insertions(+)
 create mode 100644 src/app/ui/settings/company-users-setting-panel.tsx

diff --git a/src/app/[locale]/pages/settings/page.tsx b/src/app/[locale]/pages/settings/page.tsx
index cfa3abb..faa2775 100644
--- a/src/app/[locale]/pages/settings/page.tsx
+++ b/src/app/[locale]/pages/settings/page.tsx
@@ -7,6 +7,7 @@ import LastActivitySettings from '@/app/ui/settings/last-activity-settings';
 import DangerZone from '@/app/ui/settings/danger-zone';
 import { useTranslations } from 'next-intl';
 import PageTitle from '@/app/ui/page-title';
+import { CompanyUsersSettingPanel } from '@/app/ui/settings/company-users-setting-panel';
 
 export default function Page() {
 	const t = useTranslations('Global');
@@ -21,6 +22,7 @@ export default function Page() {
 				<SubscriptionSettings />
 				<APISettings />
 				<LastActivitySettings />
+				<CompanyUsersSettingPanel />
 			</div>
 			<DangerZone />
 		</>
diff --git a/src/app/ui/settings/company-users-setting-panel.tsx b/src/app/ui/settings/company-users-setting-panel.tsx
new file mode 100644
index 0000000..e0f7c9f
--- /dev/null
+++ b/src/app/ui/settings/company-users-setting-panel.tsx
@@ -0,0 +1,61 @@
+'use client'
+
+import { useTranslations } from 'next-intl';
+import { useActionState } from 'react';
+
+export function CompanyUsersSettingPanel() {
+	const t = useTranslations('Global');
+
+	const [errorMessage, formAction, isPending] = useActionState(
+		(state: void | undefined, formData: FormData) => {
+			console.log(formData);
+		},
+		undefined
+	);
+
+	return (
+		<div className="settings-form">
+			<div className="form-section">
+				<h3 className="form-section-title">
+					Добавление пользователей
+				</h3>
+				<form action={formAction}>
+					<div className="form-group">
+						<label className="form-label">
+							{t('full-name')}:
+						</label>
+						<input type="text" name="full_name" className="form-input" />
+					</div>
+					<div className="form-group">
+						<label className="form-label">
+							{t('email')}:
+						</label>
+						<input type="text" name="email" className="form-input" />
+					</div>
+					<div className="form-group">
+						<label className="form-label">
+							{t('phone')}:
+						</label>
+						<input type="phone" name="phone" className="form-input" />
+					</div>
+					<div className="form-group">
+						<label className="form-label">
+							Пароль
+						</label>
+						<input type="text" name="password" className="form-input" />
+					</div>
+					<div className="form-group">
+						<label className="form-label">
+							Повторите пароль
+						</label>
+						<input type="text" name="confirm-password" className="form-input" />
+					</div>
+
+					<button type="submit" className="btn btn-primary">
+						Добавить пользователя
+					</button>
+				</form>
+			</div>
+		</div>
+	)
+}
\ No newline at end of file