// Legal modal — 개인정보처리방침 / 이용약관
// 회원가입 없는 사이트 기준으로 작성 (문의 접수 시 수집하는 개인정보만 다룸)

const PrivacyPolicy = () => (
  <div className="pas-legal-body">
    <p>
      PAS Corp.(이하 “회사”)는 정보통신망 이용촉진 및 정보보호 등에 관한 법률, 개인정보 보호법 등 관련 법령을 준수하며,
      이용자의 개인정보를 소중히 보호하기 위해 다음과 같이 개인정보 처리방침을 수립·공개합니다.
      본 사이트는 별도의 회원가입 절차를 운영하지 않으며, 상담·문의 접수 과정에서만 최소한의 개인정보를 수집·이용합니다.
    </p>

    <h4>1. 수집하는 개인정보 항목 및 수집 방법</h4>
    <p>회사는 다음과 같은 항목을 이용자의 동의를 받아 수집합니다.</p>
    <ul>
      <li>상담·문의 접수 시: 성함, 연락처(휴대전화 번호), 약국명, 지역, 문의 내용</li>
      <li>서비스 이용 과정에서 자동 생성·수집되는 정보: 접속 IP, 브라우저 종류 및 OS, 방문 일시, 서비스 이용 기록, 쿠키</li>
    </ul>
    <p>수집 방법: 홈페이지 내 문의 양식, 전화·이메일 등 서면 또는 구두 접수, 서비스 이용 과정에서의 자동 수집 도구</p>

    <h4>2. 개인정보의 수집 및 이용 목적</h4>
    <ul>
      <li>상담·문의에 대한 응대 및 회신, 제품 및 서비스 안내</li>
      <li>계약 체결 및 이행(견적 제공, 계약 체결·유지, 납품·설치·사후관리)</li>
      <li>서비스 이용 통계 분석, 서비스 품질 개선, 부정 이용 방지</li>
      <li>법령상 의무 이행 및 분쟁 대응</li>
    </ul>

    <h4>3. 개인정보의 보유 및 이용 기간</h4>
    <p>
      수집된 개인정보는 수집·이용 목적이 달성된 후 지체 없이 파기합니다. 단, 관계 법령에 따라 일정 기간 보관이 필요한 경우
      해당 기간 동안 안전하게 보관합니다.
    </p>
    <ul>
      <li>상담·문의 기록: 상담 종료 후 1년 (분쟁 대응 목적)</li>
      <li>계약 또는 청약철회 등에 관한 기록: 5년 (전자상거래 등에서의 소비자보호에 관한 법률)</li>
      <li>대금 결제 및 재화 공급에 관한 기록: 5년 (동법)</li>
      <li>소비자 불만 또는 분쟁 처리에 관한 기록: 3년 (동법)</li>
      <li>웹사이트 방문 기록: 3개월 (통신비밀보호법)</li>
    </ul>

    <h4>4. 개인정보의 제3자 제공</h4>
    <p>
      회사는 이용자의 개인정보를 원칙적으로 외부에 제공하지 않습니다. 다만, 이용자가 사전에 동의한 경우, 또는
      법령의 규정에 의거하거나 수사 목적으로 법령에 정해진 절차와 방법에 따라 수사기관의 요구가 있는 경우에 한하여 제공합니다.
    </p>

    <h4>5. 개인정보 처리의 위탁</h4>
    <p>원활한 서비스 제공을 위해 필요한 경우 다음과 같이 개인정보 처리 업무를 위탁할 수 있습니다.</p>
    <ul>
      <li>설치·유지보수 및 A/S 업무: 전국 공식 대리점 및 기술 파트너</li>
      <li>문자·알림 발송 업무: 전자적 송신 서비스 사업자</li>
    </ul>
    <p>회사는 위탁계약 시 관련 법령에 따라 개인정보가 안전하게 관리되도록 필요한 사항을 규정하고 있습니다.</p>

    <h4>6. 이용자 및 법정대리인의 권리와 행사 방법</h4>
    <p>
      이용자는 언제든지 본인의 개인정보를 열람·정정·삭제·처리정지를 요청할 수 있습니다.
      요청은 아래 개인정보 보호책임자에게 서면, 전화 또는 이메일로 연락하시면 지체 없이 조치하겠습니다.
    </p>

    <h4>7. 개인정보의 파기 절차 및 방법</h4>
    <ul>
      <li>파기 절차: 목적이 달성된 개인정보는 별도의 DB로 옮겨져 내부 방침 및 관련 법령에 따라 일정 기간 저장된 후 파기됩니다.</li>
      <li>파기 방법: 전자적 파일은 복구·재생이 불가능한 방법으로 영구 삭제하며, 출력물 등은 분쇄하거나 소각합니다.</li>
    </ul>

    <h4>8. 개인정보의 안전성 확보 조치</h4>
    <ul>
      <li>관리적 조치: 내부 관리계획 수립·시행, 임직원 정기 교육</li>
      <li>기술적 조치: 접근 권한 관리, 접근통제 시스템, 개인정보의 암호화, 보안 프로그램 설치</li>
      <li>물리적 조치: 자료 보관실·전산실의 접근 통제</li>
    </ul>

    <h4>9. 쿠키의 설치·운영 및 거부</h4>
    <p>
      회사는 이용자 맞춤형 서비스를 제공하기 위해 쿠키(Cookie)를 사용합니다. 이용자는 웹브라우저의 옵션 설정을 통해
      쿠키 저장을 거부할 수 있으며, 이 경우 일부 서비스 이용에 제한이 있을 수 있습니다.
    </p>

    <h4>10. 개인정보 보호책임자</h4>
    <div className="pas-legal-box">
      <div><strong>개인정보 보호책임자</strong></div>
      <div>성명: 홍동기 (대표)</div>
      <div>연락처: 02-2039-7767</div>
      <div>이메일: privacy@pascorp.kr</div>
    </div>
    <p>
      기타 개인정보침해에 대한 신고나 상담이 필요한 경우 아래 기관에 문의하실 수 있습니다.
    </p>
    <ul>
      <li>개인정보분쟁조정위원회 (kopico.go.kr / 1833-6972)</li>
      <li>개인정보침해신고센터 (privacy.kisa.or.kr / 118)</li>
      <li>대검찰청 사이버수사과 (spo.go.kr / 1301)</li>
      <li>경찰청 사이버수사국 (ecrm.cyber.go.kr / 182)</li>
    </ul>

    <h4>11. 개인정보 처리방침의 변경</h4>
    <p>
      본 방침은 법령 또는 서비스의 변경 사항을 반영하기 위하여 수정될 수 있으며, 변경 시 시행일 및 변경 내용을
      홈페이지를 통해 공지합니다.
    </p>

    <p className="pas-legal-meta">공고일자: 2026년 1월 1일 · 시행일자: 2026년 1월 1일</p>
  </div>
);

const TermsOfService = () => (
  <div className="pas-legal-body">
    <h4>제1조 (목적)</h4>
    <p>
      본 약관은 PAS Corp.(이하 “회사”)가 운영하는 웹사이트 및 관련 제품·서비스(이하 “서비스”)의 이용과 관련하여
      회사와 이용자 간의 권리·의무 및 책임사항, 기타 필요한 사항을 규정함을 목적으로 합니다.
    </p>

    <h4>제2조 (용어의 정의)</h4>
    <ul>
      <li>“서비스”란 회사가 제공하는 PAS System, OCR 처방입력, PAS Pay, PAS Pass, 3sec ERP 등 약국 경영 관련 솔루션 및 홈페이지를 통한 정보 제공·상담·문의 접수 등을 말합니다.</li>
      <li>“이용자”란 본 약관에 따라 회사가 제공하는 서비스를 이용하는 모든 자를 의미합니다.</li>
      <li>“고객”이란 회사와 서비스 이용 계약을 체결하고 유상 또는 무상의 서비스를 제공받는 자를 말합니다.</li>
    </ul>

    <h4>제3조 (약관의 게시와 개정)</h4>
    <ol>
      <li>회사는 본 약관의 내용을 이용자가 쉽게 알 수 있도록 홈페이지 하단에 게시합니다.</li>
      <li>회사는 관계 법령을 위배하지 않는 범위에서 본 약관을 개정할 수 있으며, 개정 시 적용일자 및 개정 사유를 명시하여 시행일 7일 전부터 홈페이지에 공지합니다. 이용자에게 불리한 변경의 경우 30일 전부터 공지합니다.</li>
      <li>공지된 시행일 이후 이용자가 서비스를 계속 이용하는 경우 개정된 약관에 동의한 것으로 봅니다.</li>
    </ol>

    <h4>제4조 (서비스의 제공 및 변경)</h4>
    <ol>
      <li>회사는 다음과 같은 서비스를 제공합니다.
        <ul>
          <li>약국 경영 솔루션의 판매, 설치, 유지보수 및 사후관리</li>
          <li>홈페이지를 통한 제품 및 서비스 정보 제공</li>
          <li>상담·문의 접수 및 응대</li>
          <li>기타 회사가 정하는 업무</li>
        </ul>
      </li>
      <li>회사는 서비스의 내용·품질 또는 기술적 사양을 변경할 수 있으며, 이 경우 변경 내용과 제공일자를 사전에 공지합니다.</li>
    </ol>

    <h4>제5조 (서비스의 중단)</h4>
    <ol>
      <li>회사는 시스템 점검, 보수, 교체 등의 사유가 발생한 경우 서비스 제공을 일시적으로 중단할 수 있습니다.</li>
      <li>천재지변, 정전, 제3자 통신사업자의 회선 장애 등 불가항력적인 사유로 서비스가 중단된 경우, 회사는 고의 또는 중대한 과실이 없는 한 책임을 지지 않습니다.</li>
    </ol>

    <h4>제6조 (회원가입 및 이용계약)</h4>
    <p>
      본 사이트는 별도의 회원가입 절차 없이 누구나 이용할 수 있는 정보 제공·상담 안내 사이트입니다.
      유상 서비스의 이용계약은 별도의 견적·계약서 작성 및 회사의 승낙으로 성립하며, 계약 세부사항은 별도 계약서에 따릅니다.
    </p>

    <h4>제7조 (이용자의 의무)</h4>
    <p>이용자는 다음 행위를 하여서는 안 됩니다.</p>
    <ul>
      <li>타인의 정보 도용 또는 허위 정보의 기재</li>
      <li>회사가 게시한 정보의 무단 변경, 복제, 배포</li>
      <li>회사 및 제3자의 저작권 등 지적재산권을 침해하는 행위</li>
      <li>회사의 서비스 운영을 방해하거나 안정적 운영에 지장을 주는 행위</li>
      <li>기타 관계 법령에 위배되는 행위</li>
    </ul>

    <h4>제8조 (저작권의 귀속 및 이용 제한)</h4>
    <ol>
      <li>회사가 작성한 저작물에 대한 저작권 및 기타 지적재산권은 회사에 귀속됩니다.</li>
      <li>이용자는 회사의 사전 동의 없이 서비스를 통해 얻은 정보를 복제, 전송, 출판, 배포, 방송 또는 기타 방법으로 이용하거나 제3자에게 제공할 수 없습니다.</li>
    </ol>

    <h4>제9조 (개인정보 보호)</h4>
    <p>
      회사는 이용자의 개인정보를 보호하기 위하여 관련 법령이 정하는 바를 준수하며, 구체적인 사항은 별도의
      「개인정보처리방침」에서 정합니다.
    </p>

    <h4>제10조 (면책 조항)</h4>
    <ol>
      <li>회사는 천재지변, 전쟁, 기간통신사업자의 서비스 중지, 해킹 등 불가항력으로 인한 서비스 제공 불능에 대하여 책임을 지지 않습니다.</li>
      <li>회사는 이용자의 귀책사유로 인한 서비스 이용 장애에 대하여 책임을 지지 않습니다.</li>
      <li>회사는 이용자가 서비스를 이용하여 기대하는 수익을 얻지 못하거나 상실한 것에 대하여 책임을 지지 않으며, 서비스를 통해 얻은 자료에 대한 판단·이용으로 발생하는 손해에 대해서도 책임을 지지 않습니다.</li>
    </ol>

    <h4>제11조 (분쟁의 해결 및 관할)</h4>
    <ol>
      <li>본 약관 및 서비스 이용과 관련하여 분쟁이 발생한 경우 회사와 이용자는 상호 협의하여 원만히 해결하도록 노력합니다.</li>
      <li>협의가 이루어지지 않아 소송이 제기될 경우, 민사소송법에 따른 관할 법원을 제1심 법원으로 합니다.</li>
      <li>본 약관의 해석 및 회사와 이용자 간 분쟁은 대한민국 법령을 적용합니다.</li>
    </ol>

    <p className="pas-legal-meta">부칙 · 본 약관은 2026년 1월 1일부터 시행합니다.</p>
  </div>
);

const LegalModal = ({open, tab, onClose, onTab}) => {
  React.useEffect(() => {
    const onKey = e => { if (e.key === "Escape" && open) onClose(); };
    window.addEventListener("keydown", onKey);
    return () => window.removeEventListener("keydown", onKey);
  }, [open, onClose]);

  React.useEffect(() => {
    if (open) {
      // scroll modal body to top when tab changes
      const body = document.querySelector(".pas-legal-modal .pas-modal");
      if (body) body.scrollTop = 0;
    }
  }, [tab, open]);

  if (!open) return null;

  return (
    <div className="pas-modal-scrim">
      <div className="pas-modal-wrapper pas-legal-modal">
        <button className="pas-modal-close-outside" onClick={onClose} aria-label="닫기">
          <Icon name="close" size={18}/>
        </button>
        <div className="pas-modal">
          <div className="pas-eyebrow">Legal</div>
          <h3>{tab === "privacy" ? "개인정보처리방침" : "이용약관"}</h3>

          <div className="pas-legal-tabs" role="tablist">
            <button
              role="tab"
              aria-selected={tab === "privacy"}
              className={`pas-legal-tab ${tab === "privacy" ? "is-on" : ""}`}
              onClick={() => onTab("privacy")}
            >개인정보처리방침</button>
            <button
              role="tab"
              aria-selected={tab === "terms"}
              className={`pas-legal-tab ${tab === "terms" ? "is-on" : ""}`}
              onClick={() => onTab("terms")}
            >이용약관</button>
          </div>

          {tab === "privacy" ? <PrivacyPolicy/> : <TermsOfService/>}
        </div>
      </div>
    </div>
  );
};

Object.assign(window, {LegalModal});