/**
 * 개선 제안(/actions/:id) 2부: 하지 않을 것 + 측정 조건.
 * "이 개선안이 무엇을 안 파는지"라 처방 쪽 내용이다. 진단 리포트에서 옮겨왔다.
 */
import { SectionWrapper } from '../report/ui/SectionWrapper';
import { CheckFilled, CrossFilled } from '../icons/FilledIcons';
import type { DiscoveryResult } from '../../types/discovery';

export function IntegritySection({ result }: { result: DiscoveryResult }) {
  return (
    <SectionWrapper
      id="integrity"
      title="What We Don't Sell"
      subtitle="근거 없는 것은 팔지 않는다. 이 리포트의 정직성 규약"
      dark
    >
      <div className="grid lg:grid-cols-2 gap-6">
        <div className="on-light bg-white rounded-2xl shadow-[3px_4px_12px_rgba(0,0,0,0.06)] p-6 text-[#0A1128]">
          <h3 className="text-xl font-bold mb-4 font-sans text-[#0A1128]!">하지 않을 것</h3>
          <ul className="space-y-4">
            {result.notDoing.map((n) => (
              <li key={n.item} className="flex gap-3">
                <span className="shrink-0 text-[#D4889A] mt-0.5"><CrossFilled size={18} /></span>
                <div>
                  <p className="text-base font-semibold">{n.item}</p>
                  <p className="ui-note mt-0.5">{n.reason}</p>
                </div>
              </li>
            ))}
          </ul>
        </div>
        <div className="on-light bg-white rounded-2xl shadow-[3px_4px_12px_rgba(0,0,0,0.06)] p-6 text-[#0A1128]">
          <h3 className="text-xl font-bold mb-4 font-sans text-[#0A1128]!">측정 조건</h3>
          <ul className="space-y-3">
            {result.conditions.map((c) => (
              <li key={c} className="flex gap-3">
                <span className="shrink-0 text-[#9B8AD4] mt-0.5"><CheckFilled size={18} /></span>
                <p className="ui-body">{c}</p>
              </li>
            ))}
          </ul>
          <div className="mt-6 rounded-xl p-4 bg-[linear-gradient(to_right,#fff3eb,#e4cfff,#f5f9ff)]">
            <p className="text-sm text-slate-600 leading-relaxed">
              점수는 <strong>검증된 항목만</strong>으로 정규화했습니다. 미검증 항목(강남언니·GBP·GA4·로그)을
              확인하면 점수가 오를 수도, 내릴 수도 있습니다. 이 리포트는 답변엔진 노출을 보장하지 않으며,
              크롤러 접근·엔티티·콘텐츠 구조라는 <strong>전제조건</strong>의 충족 여부를 진단합니다.
            </p>
          </div>
        </div>
      </div>
    </SectionWrapper>
  );
}