// 계정 삭제 요청 안내 페이지 — Google Play 데이터 보안 섹션 필수.
// "사용자가 앱 외부에서 자기 계정 및 데이터를 삭제하도록 요청하는 방법" 제공.

export const metadata = {
  title: "계정 삭제 요청 | 모모유통 ERP",
  description: "모모유통 ERP 앱 계정 및 관련 데이터 삭제 요청 안내",
};

const COMPANY = "모모유통";
const APP = "모모유통 ERP";
const CONTACT_EMAIL = "momo8443@daum.net";
const CONTACT_PHONE = "010-6369-8443";

export default function AccountDeletionPage() {
  return (
    <main className="max-w-3xl mx-auto px-5 py-10 text-slate-800 leading-relaxed">
      <h1 className="text-2xl font-bold mb-2">계정 삭제 요청 안내</h1>
      <p className="text-sm text-slate-500 mb-8">개발자: {COMPANY} · 앱: {APP}</p>

      <Sec t="1. 삭제 요청 방법">
        <p>
          본 앱은 거래처/직원 전용 B2B 업무용 앱으로, 계정은 관리자에 의해 발급·관리됩니다.
          본인의 계정 및 관련 데이터의 삭제를 원하시는 경우 아래 방법으로 요청해 주세요.
        </p>

        <h3 className="font-bold mt-4 mb-2">이메일 요청 (권장)</h3>
        <ul className="list-disc pl-5 space-y-1">
          <li>받는 사람: <a href={`mailto:${CONTACT_EMAIL}`} className="text-blue-600 hover:underline">{CONTACT_EMAIL}</a></li>
          <li>제목: <code className="bg-slate-100 px-1 rounded">[모모ERP] 계정 삭제 요청</code></li>
          <li>본문에 포함할 정보:
            <ul className="list-[circle] pl-5 mt-1">
              <li>회원 ID (예: momo048)</li>
              <li>이름 / 상호명</li>
              <li>사업자등록번호 (해당 시)</li>
              <li>본인 확인용 연락처</li>
            </ul>
          </li>
        </ul>

        <h3 className="font-bold mt-4 mb-2">전화 요청</h3>
        <p>{CONTACT_PHONE} (평일 09:00~18:00)</p>
      </Sec>

      <Sec t="2. 처리 절차 및 기간">
        <ul className="list-disc pl-5 space-y-1">
          <li>요청 접수 후 본인 확인 절차를 진행합니다 (영업일 기준 1~2일 소요)</li>
          <li>확인 완료 후 <b>14일 이내</b>에 계정 및 관련 데이터를 삭제합니다</li>
          <li>처리 완료 시 요청 이메일로 회신 드립니다</li>
        </ul>
      </Sec>

      <Sec t="3. 삭제되는 데이터">
        <ul className="list-disc pl-5 space-y-1">
          <li>회원 가입 정보: 이름/상호명, 이메일, 전화번호, 주소, 사업자등록번호, 결제 계좌</li>
          <li>로그인 자격 증명: 사용자 ID, 비밀번호 해시</li>
          <li>앱 활동 데이터: 발주 내역(개인 식별 정보 익명화 후 통계용 보존), 검색 기록</li>
          <li>접속 로그(3개월 보관분)</li>
        </ul>
      </Sec>

      <Sec t="4. 법령에 따라 보관되는 데이터">
        <p className="mb-2">
          관계 법령에 따라 다음 항목은 회원 탈퇴 후에도 일정 기간 보관됩니다. 이 데이터는 식별 정보를
          제거한 형태로 처리되며 마케팅 등 다른 용도로 사용되지 않습니다.
        </p>
        <ul className="list-disc pl-5 space-y-1">
          <li>거래 기록(발주·출고·세금계산서): 「전자상거래법」 5년</li>
          <li>접속 로그 일부: 「통신비밀보호법」 3개월</li>
          <li>세무 관련 증빙: 「국세기본법」 5년</li>
        </ul>
      </Sec>

      <Sec t="5. 일부 데이터만 삭제하고 싶을 때">
        <p>
          계정 자체는 유지한 채 특정 데이터(예: 전화번호, 주소 변경)만 수정·삭제하려면 앱 내 마이페이지에서
          직접 처리하거나 위 연락처로 요청해 주세요.
        </p>
      </Sec>

      <Sec t="6. 문의">
        <ul className="space-y-1">
          <li>이메일: <a href={`mailto:${CONTACT_EMAIL}`} className="text-blue-600 hover:underline">{CONTACT_EMAIL}</a></li>
          <li>전화: {CONTACT_PHONE}</li>
        </ul>
      </Sec>

      <footer className="mt-10 pt-6 border-t border-slate-200 text-xs text-slate-500">
        본 안내는 2026-05-20부터 시행됩니다. 개정 시 본 페이지에서 공지합니다.
      </footer>
    </main>
  );
}

function Sec({ t, children }: { t: string; children: React.ReactNode }) {
  return (
    <section className="mb-6">
      <h2 className="text-base font-bold text-slate-900 mb-2">{t}</h2>
      <div className="text-sm">{children}</div>
    </section>
  );
}
