'use client';

import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import type { ProgressBillingDetailFormData } from '../types';

interface ContractInfoCardProps {
  formData: ProgressBillingDetailFormData;
}

export function ContractInfoCard({ formData }: ContractInfoCardProps) {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="text-lg">계약 정보</CardTitle>
      </CardHeader>
      <CardContent>
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
          {/* 거래처명 */}
          <div className="space-y-2">
            <Label>거래처명</Label>
            <Input value={formData.partnerName} placeholder="회사명" disabled className="bg-muted" />
          </div>

          {/* 현장명 */}
          <div className="space-y-2">
            <Label>현장명</Label>
            <Input value={formData.siteName} disabled className="bg-muted" />
          </div>

          {/* 계약번호 */}
          <div className="space-y-2">
            <Label>계약번호</Label>
            <Input value={formData.contractNumber} disabled className="bg-muted" />
          </div>

          {/* 공사PM */}
          <div className="space-y-2">
            <Label>공사PM</Label>
            <Input value={formData.constructionPM} disabled className="bg-muted" />
          </div>

          {/* 공사담당자 */}
          <div className="space-y-2 md:col-span-2">
            <Label>공사담당자</Label>
            <Input
              value={formData.constructionManagers.join(', ')}
              disabled
              className="bg-muted"
            />
          </div>
        </div>
      </CardContent>
    </Card>
  );
}
