import { Candidate } from '@/lib/db/candidate';
import { toBn } from '@/lib/utils';

interface CandidateFinancialTabProps {
  candidate: Candidate;
}

export function CandidateFinancialTab({ candidate }: CandidateFinancialTabProps) {
  return (
    <div className="animate-fade-in">
      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div className="bg-white rounded-3xl border border-blue-100 shadow-sm p-6">
          <h3 className="text-lg font-bold text-gray-900 mb-5 flex items-center gap-2">
            <span className="material-symbols-outlined text-green-600">account_balance_wallet</span>
            সম্পদ বিবরণী (হলফনামা অনুযায়ী)
          </h3>
          <table className="w-full text-sm">
            <tbody className="divide-y divide-gray-100">
              <tr>
                <td className="py-3 text-gray-500">মোট সম্পদ</td>
                <td className="py-3 text-right font-bold text-gray-900">
                  ৳ {toBn(candidate.wealth_cr)} কোটি
                </td>
              </tr>
              <tr>
                <td className="py-3 text-gray-500">বার্ষিক আয়কর</td>
                <td className="py-3 text-right font-bold text-gray-900">
                  ৳ {toBn(candidate.tax_paid_lacs)} লক্ষ
                </td>
              </tr>
              <tr>
                <td className="py-3 text-gray-500">ফৌজদারি মামলা</td>
                <td
                  className={`py-3 text-right font-bold ${candidate.criminal_cases > 0 ? 'text-red-600' : 'text-green-600'}`}
                >
                  {candidate.criminal_cases > 0 ? `${toBn(candidate.criminal_cases)} টি` : 'নেই'}
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  );
}