import { useState, useEffect } from 'react'; import { Button } from "/components/ui/button"; import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "/components/ui/card"; import { Input } from "/components/ui/input"; import { Label } from "/components/ui/label"; import { Download, ArrowLeft, ArrowRight, Check, RotateCcw } from "lucide-react"; export default function ITRConfirmationGenerator() { // Form state const [formData, setFormData] = useState({ fullName: '', mobileNumber: '', signature: '', assessmentYear: '2025-26', ipAddress: 'Fetching...' }); // Error state const [errors, setErrors] = useState({ fullName: '', mobileNumber: '', signature: '' }); // UI state const [activeTab, setActiveTab] = useState('name'); const [confirmationText, setConfirmationText] = useState(''); const [isGenerated, setIsGenerated] = useState(false); const [consentGiven, setConsentGiven] = useState(false); // Fetch IP address when consent is given useEffect(() => { const fetchIP = async () => { try { const response = await fetch('https://api.ipify.org?format=json'); const data = await response.json(); setFormData(prev => ({ ...prev, ipAddress: data.ip })); } catch (error) { console.error('Error fetching IP:', error); setFormData(prev => ({ ...prev, ipAddress: 'Not available' })); } }; if (consentGiven) fetchIP(); }, [consentGiven]); // Handle input changes const handleChange = (e: React.ChangeEvent) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); // Clear error when user types if (errors[name as keyof typeof errors]) { setErrors(prev => ({ ...prev, [name]: '' })); } }; // Validate current tab fields const validateCurrentTab = () => { const newErrors = { ...errors }; let isValid = true; if (activeTab === 'name' && !formData.fullName.trim()) { newErrors.fullName = 'Full name is required'; isValid = false; } if (activeTab === 'mobile') { if (!formData.mobileNumber.trim()) { newErrors.mobileNumber = 'Mobile number is required'; isValid = false; } else if (!/^\d{10}$/.test(formData.mobileNumber)) { newErrors.mobileNumber = 'Must be 10 digits'; isValid = false; } } if (activeTab === 'signature' && !formData.signature.trim()) { newErrors.signature = 'Signature is required'; isValid = false; } setErrors(newErrors); return isValid; }; // Change tabs with validation const handleTabChange = (tab: string) => { if (validateCurrentTab()) setActiveTab(tab); }; // Format current date and time const formatDateTime = () => { return new Date().toLocaleDateString('en-IN', { day: '2-digit', month: 'long', year: 'numeric', hour: '2-digit', minute: '2-digit', hour12: true }); }; // Generate confirmation text const generateConfirmation = () => { if (!validateCurrentTab()) return; const currentDate = formatDateTime(); const financialYear = '2024-25'; const text = `INCOME TAX RETURN FILING CONFIRMATION ============================================ Date: ${currentDate} Assessment Year: ${formData.assessmentYear} (Financial Year ${financialYear}) Submission IP Address: ${formData.ipAddress} Taxpayer Information: - Full Name: ${formData.fullName} - Mobile Number: ${formData.mobileNumber} DECLARATION: I, ${formData.fullName}, hereby confirm and declare that I have submitted and accounted for all the necessary and relevant information, records, and documents required for the purpose of filing my Income Tax Return for the financial year ${financialYear} (Assessment Year ${formData.assessmentYear}) in accordance with the provisions of the Income Tax Act, 1961, the applicable Income Tax Rules, and as per the latest amendments thereto. I have thoroughly reviewed the details and documents provided to my Tax Professional and affirm that, to the best of my knowledge and belief, they are true, complete, and correct. Further, I hereby authorise and assign the rights and duties to my Tax Professional to prepare and file my Income Tax Return on my behalf with the Income Tax Department. I understand and accept that the responsibility of correctness, completeness, and authenticity of the data and documents provided, as well as the liability arising from any future assessment, demand, or proceedings initiated by the Income Tax Department, shall solely rest with me. I confirm that I shall be fully responsible for any consequences arising out of inaccuracies, omissions, or discrepancies in the data or information submitted. Authorized Signature: ${formData.signature || '[Digital Signature]'} Date: ${currentDate}`; setConfirmationText(text); setIsGenerated(true); }; // Download confirmation as text file const downloadFile = () => { const element = document.createElement('a'); const file = new Blob([confirmationText], { type: 'text/plain' }); element.href = URL.createObjectURL(file); element.download = `ITR_Confirmation_${formData.fullName.replace(/\s+/g, '_')}_AY${formData.assessmentYear.replace('-','')}.txt`; document.body.appendChild(element); element.click(); document.body.removeChild(element); }; // Reset form to initial state const resetForm = () => { setFormData({ fullName: '', mobileNumber: '', signature: '', assessmentYear: '2025-26', ipAddress: 'Fetching...' }); setConfirmationText(''); setIsGenerated(false); setActiveTab('name'); setErrors({ fullName: '', mobileNumber: '', signature: '' }); setConsentGiven(false); }; // Tab configuration const tabs = [ { id: 'name', label: 'Personal Details' }, { id: 'mobile', label: 'Contact Info' }, { id: 'signature', label: 'Signature' } ]; // Consent screen if (!consentGiven) { return (

Privacy Consent

To generate your ITR confirmation, we need to collect:

Your personal information (name, contact details)
Your IP address for security purposes

By proceeding, you consent to this data collection. Your information will only be used to generate your confirmation document.

); } // Main form return (

ITR Filing Confirmation Generator Generate your Income Tax Return filing confirmation for AY 2025-26 {!isGenerated ? (

{/* Progress indicator */}

{tabs.map((tab, index) => { const isActive = activeTab === tab.id; const isCompleted = tabs.findIndex(t => t.id === activeTab) > index; return (

{isCompleted ? : index + 1}

{tab.label}

); })}

{/* Form fields */}

{activeTab === 'name' && (

Full Legal Name * {errors.fullName && (

{errors.fullName}

)}

)} {activeTab === 'mobile' && (

Mobile Number * {errors.mobileNumber && (

{errors.mobileNumber}

)}

)} {activeTab === 'signature' && (

Signature Line * {errors.signature && (

{errors.signature}

)}

)} {/* Navigation buttons */}

{activeTab !== 'name' ? ( ) : (

)} {activeTab !== 'signature' ? ( ) : ( )}

) : (

{/* Confirmation display */}

{confirmationText}

{/* Action buttons */}

)}

); }