diff --git a/frontend/src/app/dashboard/companies/new/page.tsx b/frontend/src/app/dashboard/companies/new/page.tsx index 9782030..9a31886 100644 --- a/frontend/src/app/dashboard/companies/new/page.tsx +++ b/frontend/src/app/dashboard/companies/new/page.tsx @@ -6,11 +6,11 @@ import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Label } from "@/components/ui/label" -import { Loader2, Eye, EyeOff, ArrowLeft } from "lucide-react" +import { Loader2, Eye, EyeOff, ArrowLeft, Building2 } from "lucide-react" import { adminCompaniesApi } from "@/lib/api" import { toast } from "sonner" import { useTranslation } from "@/lib/i18n" -import { Card, CardContent } from "@/components/ui/card" +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import Link from "next/link" const formatCNPJ = (value: string) => { @@ -85,185 +85,240 @@ export default function NewCompanyPage() { } return ( -
-
- -
-

{t('admin.companies.create.title')}

-

{t('admin.companies.create.subtitle')}

-
- - -
-
- - - setFormData({ - ...formData, - name: e.target.value, - slug: generateSlug(e.target.value), - }) - } - placeholder={t('admin.companies.create.namePlaceholder')} - /> + + +
+
+
-
- - setFormData({ ...formData, slug: e.target.value })} - placeholder={t('admin.companies.create.slugPlaceholder')} - /> +
+ {t('admin.companies.create.title')} + + {t('admin.companies.create.subtitle')} +
-
- - setFormData({ ...formData, document: formatCNPJ(e.target.value) })} - placeholder="CNPJ / Document" - /> -
-
- - setFormData({ ...formData, email: e.target.value })} - placeholder={t('admin.companies.create.emailPlaceholder')} - /> -
-
-
- -
+
+ + +
+ {/* Seção: Informações Básicas */} +
+

+ + {t('admin.companies.sections.basicInfo', { defaultValue: 'Informações Básicas' })} +

+
+
+ setFormData({ ...formData, password: e.target.value })} - placeholder="******" + id="name" + value={formData.name} + onChange={(e) => + setFormData({ + ...formData, + name: e.target.value, + slug: generateSlug(e.target.value), + }) + } + placeholder={t('admin.companies.create.namePlaceholder')} + /> +
+
+ + setFormData({ ...formData, slug: e.target.value })} + placeholder={t('admin.companies.create.slugPlaceholder')} + /> +
+
+
+
+ + setFormData({ ...formData, document: formatCNPJ(e.target.value) })} + placeholder="CNPJ / Document" + /> +
+
+ + setFormData({ ...formData, email: e.target.value })} + placeholder={t('admin.companies.create.emailPlaceholder')} + /> +
+
+
+ + {/* Seção: Segurança */} +
+

+ + {t('admin.companies.sections.security', { defaultValue: 'Segurança' })} +

+
+
+ +
+ setFormData({ ...formData, password: e.target.value })} + placeholder="******" + /> + +
+
+
+ +
+ setFormData({ ...formData, confirmPassword: e.target.value })} + placeholder="******" + /> + +
+ {formData.password !== formData.confirmPassword && formData.confirmPassword && ( +

{t('admin.companies.fields.passwordsDoNotMatch')}

+ )} +
+
+
+ + {/* Seção: Contato e Localização */} +
+

+ + {t('admin.companies.sections.contact', { defaultValue: 'Contato e Localização' })} +

+
+
+ + setFormData({ ...formData, phone: formatPhone(e.target.value) })} + placeholder="(99) 99999-9999" + /> +
+
+ + setFormData({ ...formData, website: e.target.value })} + placeholder="https://example.com" /> -
- -
- setFormData({ ...formData, confirmPassword: e.target.value })} - placeholder="******" - /> - -
- {formData.password !== formData.confirmPassword && formData.confirmPassword && ( -

{t('admin.companies.fields.passwordsDoNotMatch')}

- )} + + setFormData({ ...formData, address: e.target.value })} + placeholder="Endereço completo" + />
-
- - setFormData({ ...formData, phone: formatPhone(e.target.value) })} - placeholder="+55 11 99999-9999" - /> + + {/* Seção: Detalhes da Empresa */} +
+

+ + {t('admin.companies.sections.details', { defaultValue: 'Detalhes Adicionais' })} +

+
+ +