/* global React, Icons */
const { useState: useStateFaq } = React;

const FAQ_DATA = [
  {
    cat: "基礎知識・法的根拠",
    items: [
      {
        q: "ファクタリングとは何ですか？",
        a: "売掛金（請求書）をファクタリング会社に売却して早期に現金化する資金調達手法です。民法第466条に基づく「債権譲渡」であり借入ではないため、貸借対照表に負債が計上されません。審査の軸は自社ではなく売掛先の信用力なので、銀行融資が難しい会社でも利用できる場合があります。",
      },
      {
        q: "違法ではないですか？",
        a: "正規のファクタリングは完全に合法です。民法第555条・第466条に基づく適法な取引であり、経済産業省・金融庁も中小企業の資金調達策として認めています。ただし「償還請求権あり」の契約や手数料30%超など実質的に貸金業に該当する悪質業者も存在します。当サイトは厳格な掲載基準でこれらを除外しています。",
      },
      {
        q: "信用情報（ブラックリスト）に影響しますか？",
        a: "影響しません。ファクタリングは借入ではないため、信用情報機関（CIC・JICCなど）への登録が行われません。過去に延滞・自己破産歴がある場合でも、売掛先の信用力が審査の中心のため利用できるケースがあります。",
      },
    ],
  },
  {
    cat: "手数料・費用",
    items: [
      {
        q: "手数料の相場はどのくらいですか？",
        a: "2社間ファクタリングで5〜20%、3社間で1〜9%が目安です。売掛先の信用力・売掛金額・入金までの残り日数で変わります。大手上場企業への売掛金は低く、中小企業向けは高くなる傾向があります。複数社に相見積もりを取ることで3〜5%下がるケースもあります。",
      },
      {
        q: "手数料以外に費用はかかりますか？",
        a: "信頼できる会社は手数料のみです。「保証金」「登録料」「事務手数料」など名目不明の費用を初回から請求してくる業者は悪質業者の可能性があります。その場合はすぐに利用を中止してください。",
      },
    ],
  },
  {
    cat: "審査・手続き",
    items: [
      {
        q: "必要書類は何ですか？",
        a: "①売掛金の請求書または契約書、②直近2〜3ヶ月分の通帳コピー、③代表者の身分証明書の3点が基本です。オンライン完結型ならスマホ撮影で提出できる会社も増えています。",
      },
      {
        q: "最短どのくらいで資金化できますか？",
        a: "オンライン完結の2社間ファクタリングなら最短2時間での入金に対応している会社もあります。3社間は売掛先の承諾が必要なため3〜7営業日が目安です。",
      },
      {
        q: "赤字・債務超過でも利用できますか？",
        a: "利用できる場合があります。ファクタリングは自社の財務状況よりも売掛先の信用力が審査の中心です。自社が赤字・債務超過・税金滞納中であっても、売掛先が信頼できる企業であれば審査に通るケースがあります。銀行に断られた方の利用実績も多い会社を掲載しています。",
      },
      {
        q: "個人事業主でも使えますか？",
        a: "はい、多くの会社が対応しています。ただし法人より手数料が高め・上限金額が低い場合があります。当サイトの比較表で「個人事業主対応」の有無を一覧確認できます。",
      },
    ],
  },
  {
    cat: "注意点・悪質業者",
    items: [
      {
        q: "取引先に知られることはありますか？",
        a: "2社間ファクタリングなら原則として取引先への通知・承諾は不要です。3社間は取引先の承諾が必要なため知られます。急いでいる・取引先に知られたくない場合は2社間を選んでください。",
      },
      {
        q: "給与ファクタリングは利用できますか？",
        a: "当サイトが掲載しているのは「売掛債権（請求書）のファクタリング」のみです。給与ファクタリングは労働者が将来の給与を売却するもので、実態は違法な高金利貸付となるケースがほとんどです。厚生労働省・金融庁も利用しないよう注意喚起しており、当サイトでは一切取り扱いません。",
      },
      {
        q: "悪質な業者を見分けるにはどうすればいいですか？",
        a: "以下に1つでも該当したら利用を中止してください。①手数料が20%を大幅に超える、②「保証金」など名目不明の費用を請求する、③契約書に「償還請求権あり」の条項がある、④会社の所在地・代表者が不明確、⑤契約を強引に急かす。悪質業者との契約は刑法246条の詐欺罪に該当する可能性もあります。",
      },
    ],
  },
];

function FaqItem({ q, a }) {
  const [open, setOpen] = useStateFaq(false);
  return (
    <div className={`faq-item${open ? " open" : ""}`} onClick={() => setOpen(!open)}>
      <div className="faq-q">
        <div className="faq-mark-q">Q</div>
        <div className="faq-q-text">{q}</div>
        <div className="faq-toggle">{open ? "−" : "+"}</div>
      </div>
      {open && (
        <div className="faq-a">
          <div className="faq-mark-a">A</div>
          <div className="faq-a-text">{a}</div>
        </div>
      )}
    </div>
  );
}

function FAQ() {
  return (
    <section className="section faq-section" id="faq">
      <div className="container">
        <div className="section-head">
          <div className="section-eyebrow">FAQ</div>
          <h2 className="section-title">よくある質問</h2>
          <p className="section-sub">ファクタリングを検討中の方からよく寄せられる疑問にお答えします</p>
        </div>

        <div className="faq-wrap">
          {FAQ_DATA.map((cat) => (
            <div key={cat.cat} className="faq-cat">
              <div className="faq-cat-label">{cat.cat}</div>
              {cat.items.map((item) => (
                <FaqItem key={item.q} q={item.q} a={item.a} />
              ))}
            </div>
          ))}
        </div>

      </div>
    </section>
  );
}
window.FAQ = FAQ;
