import { Head, useForm } from '@inertiajs/react'; import { useState } from 'react'; import { TextInput } from '@/Components/Forms/TextInput'; type MissingField = { key: string; label: string }; type ParentMode = 'none' | 'father' | 'mother' | 'either' | 'both'; type Props = { requiredFields?: string[]; missingFields?: MissingField[]; mustChangePassword?: boolean; isForced?: boolean; isStudent?: boolean; parentMode?: ParentMode; }; export default function CompleteProfile({ requiredFields = [], missingFields = [], mustChangePassword = false, isForced = true, isStudent = false, parentMode = 'none', }: Props) { const form = useForm({ mobile: '', national_code: '', father_mobile: '', mother_mobile: '', home_phone: '', address: '', }); // 'either' collects one number; this picks which parent it belongs to. const [eitherParent, setEitherParent] = useState<'father' | 'mother'>('father'); const required = new Set(requiredFields); const mark = (key: string) => (required.has(key) ? ' *' : ''); const shows = (key: string) => required.has(key) || isStudent; function setEitherValue(value: string) { // Only ever hold a number in the selected parent's field. form.setData((data) => ({ ...data, father_mobile: eitherParent === 'father' ? value : '', mother_mobile: eitherParent === 'mother' ? value : '', })); } function switchEitherParent(next: 'father' | 'mother') { const current = eitherParent === 'father' ? form.data.father_mobile : form.data.mother_mobile; setEitherParent(next); form.setData((data) => ({ ...data, father_mobile: next === 'father' ? current : '', mother_mobile: next === 'mother' ? current : '', })); } const eitherValue = eitherParent === 'father' ? form.data.father_mobile : form.data.mother_mobile; const eitherError = form.errors.father_mobile ?? form.errors.mother_mobile; return (

تکمیل اطلاعات

{isForced ? 'برای ورود به پنل، اطلاعات ضروری را تکمیل کنید.' : 'این بخش اختیاری است و هر زمان خواستید می‌توانید کاملش کنید.'}

{(missingFields.length > 0 || mustChangePassword) && (
{mustChangePassword && تغییر رمز عبور} {missingFields.map((field) => {field.label})}
)}
{ event.preventDefault(); form.post('/complete-profile'); }}>
form.setData('mobile', e.target.value)} error={form.errors.mobile} placeholder="۰۹۱۲۳۴۵۶۷۸۹" /> {shows('national_code') && ( form.setData('national_code', e.target.value)} error={form.errors.national_code} /> )}
{/* Parent numbers — layout depends on what the school requires. */} {parentMode === 'both' && (
form.setData('father_mobile', e.target.value)} error={form.errors.father_mobile} placeholder="۰۹۱۲۳۴۵۶۷۸۹" /> form.setData('mother_mobile', e.target.value)} error={form.errors.mother_mobile} placeholder="۰۹۱۲۳۴۵۶۷۸۹" />
)} {parentMode === 'father' && ( form.setData('father_mobile', e.target.value)} error={form.errors.father_mobile} placeholder="۰۹۱۲۳۴۵۶۷۸۹" /> )} {parentMode === 'mother' && ( form.setData('mother_mobile', e.target.value)} error={form.errors.mother_mobile} placeholder="۰۹۱۲۳۴۵۶۷۸۹" /> )} {parentMode === 'either' && (
موبایل پدر یا مادر *
setEitherValue(e.target.value)} placeholder="۰۹۱۲۳۴۵۶۷۸۹" inputMode="numeric" aria-label="شماره موبایل ولی" />
{eitherError ? {eitherError} : یکی از این دو شماره کافی است.}
)} {shows('home_phone') && (
form.setData('home_phone', e.target.value)} error={form.errors.home_phone} />
)} {shows('address') && ( form.setData('address', e.target.value)} error={form.errors.address} /> )}
); }