import React, { useState } from 'react'; import { Button } from "./components/ui/button"; import { Input } from "./components/ui/input"; import { Label } from "./components/ui/label"; import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group"; import { Checkbox } from "./components/ui/checkbox"; import { Card, CardContent, CardHeader, CardTitle } from "./components/ui/card"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./components/ui/select"; import { Download } from "lucide-react"; const ASSESSMENT_YEARS = ['2022-23', '2023-24', '2024-25', '2025-26']; type IncomeHead = { id: string; name: string; checked: boolean; items: { id: string; description: string; status: 'verified' | 'not-verified' | 'not-applicable'; }[]; }; type ComplianceCheck = { id: string; question: string; status: string; options: string[]; }; export default function IncomeTaxAssessment() { // Main form state const [formData, setFormData] = useState({ clientName: '', panNumber: '', address: '', assessmentYear: '', grossTurnover: '', taxPayable: '' }); // Income heads state const [incomeHeads, setIncomeHeads] = useState([ { id: 'salary', name: 'Income from Salary', checked: false, items: [ { id: 'salary-1', description: 'Is Form 16 Available', status: 'not-verified' }, { id: 'salary-2', description: 'Is salary as per Salary Slips', status: 'not-verified' }, { id: 'salary-3', description: 'Is Bank credits verified', status: 'not-verified' }, { id: 'salary-4', description: 'Are all deductions recorded properly', status: 'not-verified' }, { id: 'salary-5', description: 'Value of perquisites', status: 'not-verified' }, { id: 'salary-6', description: 'HRA claimed', status: 'not-verified' } ] }, { id: 'house-property', name: 'Income from House Property', checked: false, items: [ { id: 'house-1', description: 'Having Self-Occupied House Property', status: 'not-verified' }, { id: 'house-2', description: 'If having SOP, is loan borrowed?', status: 'not-verified' }, { id: 'house-3', description: 'If loan borrowed, is Interest Statement received?', status: 'not-verified' }, { id: 'house-4', description: 'Let-out Property details', status: 'not-verified' }, { id: 'house-5', description: 'Rental Agreement with tenant', status: 'not-verified' }, { id: 'house-6', description: 'Municipal Tax Receipts', status: 'not-verified' } ] }, { id: 'capital-gains', name: 'Income from Capital Gains', checked: false, items: [ { id: 'capital-1', description: 'Income from shares', status: 'not-verified' }, { id: 'capital-2', description: 'Income from Mutual Funds', status: 'not-verified' }, { id: 'capital-3', description: 'Sale of Property (if any)', status: 'not-verified' }, { id: 'capital-4', description: 'Additional Property Purchased', status: 'not-verified' }, { id: 'capital-5', description: 'Any Other Assets sold', status: 'not-verified' } ] }, { id: 'business', name: 'Income from Business or Profession', checked: false, items: [ { id: 'business-1', description: 'Business Income details', status: 'not-verified' }, { id: 'business-2', description: 'GST Registration status', status: 'not-verified' }, { id: 'business-3', description: 'Proper records of income & expenses maintained', status: 'not-verified' }, { id: 'business-4', description: 'Any disallowances under IT Act', status: 'not-verified' } ] }, { id: 'other-sources', name: 'Income from Other Sources', checked: false, items: [ { id: 'other-1', description: 'Interest income', status: 'not-verified' }, { id: 'other-2', description: 'Other income not falling in above heads', status: 'not-verified' }, { id: 'other-3', description: 'Income as per AIS', status: 'not-verified' } ] } ]); // Compliance checks state const [complianceChecks, setComplianceChecks] = useState([ { id: 'interest-refund', question: 'Interest on earlier year refund accounted', status: '', options: ['Yes Verified', 'Not Applicable'] }, { id: 'chapter-via', question: 'Chapter VI-A deductions verified', status: '', options: ['Yes Verified', 'Not Applicable'] }, { id: 'tax-regime', question: 'Tax regime compared (Old vs New - Sec 115BAC)', status: '', options: ['Yes Verified', 'Not Applicable'] }, { id: 'final-tax', question: 'Final tax payable/refund/Nil computed', status: '', options: ['Yes Verified', 'Not Applicable'] }, { id: 'documents', question: 'All supporting documents stored digitally', status: '', options: ['Yes Kept on Record', 'Not Applicable'] }, { id: 'billing', question: 'Sales order generated and billing completed', status: '', options: ['Yes Billed', 'Yet to Bill', 'Fees Not Received'] }, { id: 'tds-verification', question: 'TDS, 26AS, AIS verification done', status: '', options: ['Yes Verified', 'Not Applicable'] } ]); const handleFormChange = (e: React.ChangeEvent) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); }; const toggleIncomeHead = (id: string) => { setIncomeHeads(prev => prev.map(head => head.id === id ? { ...head, checked: !head.checked } : head )); }; const updateIncomeItemStatus = (headId: string, itemId: string, status: 'verified' | 'not-verified' | 'not-applicable') => { setIncomeHeads(prev => prev.map(head => { if (head.id === headId) { return { ...head, items: head.items.map(item => item.id === itemId ? { ...item, status } : item ) }; } return head; })); }; const updateComplianceStatus = (id: string, status: string) => { setComplianceChecks(prev => prev.map(check => check.id === id ? { ...check, status } : check )); }; const generateReport = () => { // Create HTML content for the report const htmlContent = `

Income Tax Assessment Report

Client Information

Field	Value
Name of Client	${formData.clientName}
PAN of Client	${formData.panNumber}
Address	${formData.address}
Assessment Year	${formData.assessmentYear}
Gross Turnover	${formData.grossTurnover}
Tax Payable	${formData.taxPayable}

Income Verification

${incomeHeads.map(head => `

${head.name}

${head.items.map(item => ` `).join('')}

Item	Status
${item.description}	${item.status.replace('-', ' ')}

`).join('')}

Compliance Checks

${complianceChecks.map(check => ` `).join('')}

Question	Status
${check.question}	${check.status}

`; // Create download link const blob = new Blob([htmlContent], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `tax-assessment-${formData.panNumber || 'report'}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }; return (

Income Tax Assessment

{/* Main Form */} Client Information

Name of Client*

PAN of Client*

Address

Assessment Year*

Gross Turnover (₹)

Tax Payable (₹)

{/* Income Verification */} Income Verification {incomeHeads.map(head => (

toggleIncomeHead(head.id)} /> {head.name}

{head.checked && (

{head.items.map(item => (

{item.description} updateIncomeItemStatus(head.id, item.id, value)} className="flex flex-wrap gap-4" >

Verified

Not Verified

Not Applicable

))}

)}

))} {/* Compliance Checks */} Compliance Checks {complianceChecks.map(check => (

{check.question} updateComplianceStatus(check.id, value)} className="flex flex-wrap gap-4" > {check.options.map(option => (

{option}

))}

))} {/* Submit Button */}

); }