---
import { supporter, physician } from '../lib';
interface Props { author: string; reviewer?: string; status: 'reviewed' | 'pending'; dateModified: string }
const { author, reviewer, status, dateModified } = Astro.props;
const a = supporter(author);
const p = reviewer ? physician(reviewer) : null;
---
<section class="review-box" aria-label="작성·감수 정보">
  {p?.image ? <img src={p.image} alt={`${p.name} ${p.title}`} width="56" height="56" /> : <div class="avatar">{a.name.slice(0, 1)}</div>}
  <div>
    <div><strong>작성</strong> <a href={`/authors/${author}`}>{a.name}</a> · {a.role} {a.email ? <> · 정정 요청 <a href={`mailto:${a.email}`}>{a.email}</a></> : <> · 정정 요청은 <a href="/corrections">정정 기록</a> 페이지 안내를 따릅니다</>}</div>
    {p && status === 'reviewed' ? (
      <div><strong>의학 검토</strong> {p.name} {p.title} <span class="badge reviewed">검토 완료 {dateModified}</span></div>
    ) : (
      <div><strong>의학 검토</strong> <span class="badge pending">검토 대기</span> <span style="color:var(--slate-500)">병원이 담당 원장과 검토일을 확정하면 표시합니다.</span></div>
    )}
    <div style="color:var(--slate-500);margin-top:0.3rem">서포터즈는 의학적 판단을 하지 않습니다. 시술 여부와 방법은 반드시 전문의 상담으로 결정하세요.</div>
  </div>
</section>