// 規約・法定表記ページ群
//   ・CompanyInfo  運営会社情報
//   ・PrivacyPolicy  プライバシーポリシー（sopraginza.com から転記）
//   ・Tokushou  特定商取引法に基づく表記（sopraginza.com に該当ページがないためテンプレ）
//   ・Terms  利用規約（palpetjapan.com がStudio製SPAで本文取得不可・テンプレ）

function LegalShell({ title, breadcrumb = '法定表記', children }) {
  return (
    <div data-page="legal" style={{
      width:'100%',minHeight:'100%',background:'var(--c-bg)',
      color:'#2E2418',fontFamily:'var(--font-jp)',
    }}>
      {/* Header */}
      <header style={{
        display:'flex',alignItems:'center',justifyContent:'space-between',
        padding:'18px 56px',background:'#fff',borderBottom:'1px solid rgba(0,0,0,.04)',
      }}>
        <img src="assets/logo-horizontal.png" alt="palpet" style={{height:44}}/>
        <nav style={{display:'flex',gap:28,fontSize:13,color:'#7a6a55'}}>
          <a>シッターを探す</a>
          <a>サービスについて</a>
          <a>料金</a>
          <a>安心の取り組み</a>
        </nav>
        <div style={{fontSize:13,color:'#9c8a72'}}>ログイン</div>
      </header>

      {/* Breadcrumb */}
      <div style={{padding:'18px 56px 0',fontSize:12,color:'#9c8a72'}}>
        ホーム ／ {breadcrumb}
      </div>

      {/* Title */}
      <div style={{padding:'8px 56px 24px'}}>
        <h1 style={{fontSize:34,fontWeight:700,letterSpacing:'-.01em',marginBottom:8}}>{title}</h1>
        <div style={{height:3,width:48,background:'var(--c-primary)',borderRadius:999}}/>
      </div>

      {/* Body */}
      <main style={{padding:'8px 56px 60px',maxWidth:880,margin:'0 auto'}}>
        {children}
      </main>
    </div>
  );
}

// ============ 運営会社情報 ============
function CompanyInfo() {
  const rows = [
    ['運営会社', 'ソプラ銀座株式会社'],
    ['代表取締役', '須田　哲崇'],
    ['所在地', <>〒104-0061<br/>東京都中央区銀座3-4-18 銀座ウェストビル</>],
    ['電話 / FAX', '03-6228-4901'],
    ['設立', '2008年3月17日（平成20年）'],
    ['資本金', '1,500万円'],
    ['事業内容', 'ペット美容・ペットホテルの経営／ペットシッター・出張トリミング／犬の幼稚園・トレーニング／フランチャイズ事業／関連商品の販売'],
    ['動物取扱業 登録番号', '第24東京都保第008449号（保管）'],
    ['動物取扱責任者', '長谷川　裕美子'],
    ['登録年月日', '令和6年12月11日'],
    ['有効期限', '令和11年12月10日'],
  ];
  return (
    <LegalShell title="運営会社情報" breadcrumb="運営会社">
      <div style={{
        background:'#fff',borderRadius:20,border:'1px solid rgba(0,0,0,.05)',
        overflow:'hidden',
      }}>
        {rows.map(([k,v],i)=>(
          <div key={i} style={{
            display:'grid',gridTemplateColumns:'200px 1fr',gap:24,
            padding:'18px 24px',
            borderBottom: i < rows.length-1 ? '1px solid rgba(0,0,0,.05)' : 'none',
            background: i % 2 === 0 ? '#fff' : 'rgba(0,0,0,.015)',
          }}>
            <div style={{fontSize:13,color:'#9c8a72',fontWeight:600}}>{k}</div>
            <div style={{fontSize:14,lineHeight:1.8,color:'#3c2f1e'}}>{v}</div>
          </div>
        ))}
      </div>

      <div style={{
        marginTop:18,padding:'16px 22px',borderRadius:14,
        background:'var(--c-primary-soft)',color:'var(--c-primary-deep)',
        fontSize:13,lineHeight:1.9,
      }}>
        <strong>動物取扱業について</strong><br/>
        パルペットに登録するすべてのシッターは、ご自身が動物取扱業の登録をされているか、
        もしくは運営会社（ソプラ銀座株式会社）と業務委託契約を結ぶことで、合法的にサービスを提供しています。
      </div>

      <div style={{
        marginTop:18,padding:'14px 20px',borderRadius:12,background:'#fff',
        border:'1px solid rgba(0,0,0,.05)',fontSize:12,color:'#7a6a55',lineHeight:1.8,
      }}>
        本ページの内容は <a style={{color:'var(--c-primary-deep)',textDecoration:'underline'}}>sopraginza.com</a> の会社概要に基づきます。
        動物取扱業登録番号・登録年月日・動物取扱責任者については銀座本店の保管登録（24東京都保第008449号）を採用しています。
      </div>
    </LegalShell>
  );
}

// ============ 特定商取引法に基づく表記 ============
function Tokushou() {
  const rows = [
    ['販売事業者', 'ソプラ銀座株式会社'],
    ['運営統括責任者', '須田　哲崇'],
    ['所在地', <>〒104-0061<br/>東京都中央区銀座3-4-18 銀座ウェストビル</>],
    ['電話番号', <>03-6228-4901<br/><span style={{fontSize:11,color:'#9c8a72'}}>受付時間：◯◯〜◯◯（◯曜定休）</span></>],
    ['お問い合わせ', <>contact@palpetjapan.com（仮）</>],
    ['販売価格', '各シッターの料金プランに準じます。30分あたり ¥1,500〜¥6,000（税込）。詳細はマッチング検索ページの各シッタープロフィール、または予約確定画面でご確認いただけます。'],
    ['商品代金以外の必要料金', <>
      ・ペット保険料：基本料金に含まれます<br/>
      ・追加サービス（GPSログ・手作りごはん・ビデオ通話など）：オプション料金がかかります<br/>
      ・銀行振込の場合の振込手数料：お客様負担<br/>
      ・コンビニ払いの手数料：◯◯円<br/>
    </>],
    ['お支払い方法', 'クレジットカード（VISA/Master/JCB/AMEX）・PayPay・コンビニ払い。<br/>予約確定時に事前精算でご決済いただきます。'],
    ['お支払い時期', '予約確定時にカードへ即時決済、コンビニ払いは3日以内にお支払いください。'],
    ['サービス提供時期', 'ご予約日時にシッターがお客様のご自宅へお伺いします。'],
    ['キャンセル・返金', <>
      ご訪問前日 24:00 まで：キャンセル料 0円・全額返金<br/>
      ご訪問当日のキャンセル：50%<br/>
      無断キャンセル：100%<br/>
      シッター起因のキャンセルが発生した場合は全額返金いたします。
    </>],
    ['動作環境', 'iOS 15以降の Safari、Android 11以降の Chrome、最新の Chrome / Safari / Edge / Firefox を推奨します。'],
  ];
  return (
    <LegalShell title="特定商取引法に基づく表記" breadcrumb="特定商取引法に基づく表記">
      <div style={{
        marginBottom:18,padding:'12px 18px',borderRadius:12,
        background:'color-mix(in oklab, var(--c-accent) 14%, #fff)',
        border:'1px solid color-mix(in oklab, var(--c-accent) 35%, #fff)',
        fontSize:12,color:'#5d4d3a',lineHeight:1.8,
      }}>
        ※ 本ページは特定商取引法第11条に基づく表示として掲載しています。サービス利用前に必ずご確認ください。
      </div>
      <div style={{
        background:'#fff',borderRadius:20,border:'1px solid rgba(0,0,0,.05)',overflow:'hidden',
      }}>
        {rows.map(([k,v],i)=>(
          <div key={i} style={{
            display:'grid',gridTemplateColumns:'200px 1fr',gap:24,
            padding:'18px 24px',
            borderBottom: i < rows.length-1 ? '1px solid rgba(0,0,0,.05)' : 'none',
            background: i % 2 === 0 ? '#fff' : 'rgba(0,0,0,.015)',
          }}>
            <div style={{fontSize:13,color:'#9c8a72',fontWeight:600}}>{k}</div>
            <div style={{fontSize:14,lineHeight:1.9,color:'#3c2f1e'}}>
              {typeof v === 'string' && v.includes('<br/>')
                ? <span dangerouslySetInnerHTML={{__html: v}}/>
                : v}
            </div>
          </div>
        ))}
      </div>
      <div style={{
        marginTop:18,padding:'14px 20px',borderRadius:12,background:'var(--c-bg-alt)',
        fontSize:12,color:'#7a6a55',lineHeight:1.8,
      }}>
        ⚠️ <strong>運用ノート（公開時に削除）</strong>：sopraginza.com に独立した特定商取引法ページが見つからなかったため、
        標準フォームをベースに作成しました。本番公開前に、価格レンジ・コンビニ手数料・受付時間・問い合わせメールアドレス・キャンセル料率を確定して埋めてください。
      </div>
    </LegalShell>
  );
}

// ============ プライバシーポリシー（sopraginza.com から転記） ============
function PrivacyPolicy() {
  return (
    <LegalShell title="プライバシーポリシー" breadcrumb="プライバシーポリシー">
      <Article>
        <p>
          ソプラ銀座株式会社（以下「当社」）は、お客様の個人情報の重要性を認識し、その保護の徹底をはかるべく、
          以下のとおりプライバシーポリシーを定め、関係法令を遵守すると共に、適切な取扱いに努めます。
        </p>

        <H2>個人情報の定義</H2>
        <p>
          本プライバシーポリシーにおいて、「個人情報」とは、個人に関する情報であり、お名前、生年月日、性別、電話番号、
          電子メールアドレス、職業、勤務先等、特定の個人を識別し得る情報をいいます。
        </p>

        <H2>個人情報の収集・利用</H2>
        <p>当社は、以下の目的のためにのみお客様の個人情報を収集・利用いたします。</p>
        <Ul>
          <li>業務遂行上で必要となるお客様への問い合わせ、確認、およびサービスを向上するためのご意見収集</li>
          <li>各種お問い合わせへの対応</li>
          <li>サービスの提供、利用料金のご請求、お知らせの送付など、当社サービス運営のために必要な業務</li>
        </Ul>

        <H2>個人情報の第三者提供</H2>
        <p>
          当社は、法令に基づく場合等正当な理由によらない限り、事前にご本人の同意を得ることなく、
          個人情報を第三者に開示・提供することはありません。
        </p>

        <H2>委託先の監督</H2>
        <p>
          当社は、業務上の必要から外部の委託先に個人情報を提供する場合、適切な取扱いがなされるよう、
          委託先の監督を行います。
        </p>

        <H2>個人情報の管理</H2>
        <p>
          当社は、個人情報の漏洩、滅失またはき損を防止するため、個人情報の管理責任者を定めるとともに、
          個人情報を安全に保護し、正確性を維持するための適切な措置を講じます。
        </p>

        <H2>情報内容の照会、修正または削除</H2>
        <p>
          当社が保有する個人情報について、ご本人より照会、修正、または削除のご要望があった場合は、
          本人確認後、合理的な範囲で速やかに対応いたします。
        </p>

        <H2>セキュリティーについて</H2>
        <p>
          当社では、SSL暗号化技術を用いて、お客様の情報が送信される際の通信を暗号化しております。
        </p>

        <H2>お問い合わせ</H2>
        <p>
          本プライバシーポリシーに関するお問い合わせは、以下までご連絡ください。<br/>
          ソプラ銀座株式会社<br/>
          〒104-0061 東京都中央区銀座3-4-18 銀座ウェストビル<br/>
          電話：03-6228-4901
        </p>

        <SmallNote>
          本ポリシーの内容は <a style={{color:'var(--c-primary-deep)',textDecoration:'underline'}}>sopraginza.com/privacypolicy/</a> から転記しています。
        </SmallNote>
      </Article>
    </LegalShell>
  );
}

// ============ 利用規約 ============
function Terms() {
  return (
    <LegalShell title="利用規約" breadcrumb="利用規約">
      <Article>
        <p>
          パルペット利用規約（以下「本規約」）は、ソプラ銀座株式会社（以下「当社」）が提供するペットシッターマッチングサービス
          「パルペット」（以下「本サービス」）の利用条件を定めるものです。
          ユーザーの皆さま（飼い主・シッター）は、本規約に同意した上で本サービスをご利用ください。
        </p>

        <H2>第1条（適用）</H2>
        <p>
          本規約は、本サービスの利用に関わる一切の関係に適用されるものとします。
          当社が本サービス上で随時掲載する個別規定は、本規約の一部を構成するものとします。
        </p>

        <H2>第2条（利用登録）</H2>
        <Ul>
          <li>登録希望者が本規約に同意の上、当社の定める方法により利用登録を申請し、当社がこれを承認することによって利用登録が完了します。</li>
          <li>当社は、登録希望者に以下の事由があると判断した場合、利用登録を承認しないことがあります。
            （a）虚偽の事項を届け出た場合／（b）本規約に違反したことがある者からの申請である場合／（c）反社会的勢力等に該当する場合／（d）その他、当社が利用登録を相当でないと判断した場合。</li>
        </Ul>

        <H2>第3条（シッターの責務）</H2>
        <Ul>
          <li>シッターは、動物取扱業（保管）の登録があるか、または当社と業務委託契約を結んだ上でサービスを提供します。</li>
          <li>シッターは本人確認・反社チェック・面接審査を経た上で登録されます。</li>
          <li>サービス提供中は誠実にお世話を行い、ペットや飼い主の財産に損害を与えないよう注意します。</li>
        </Ul>

        <H2>第4条（飼い主の責務）</H2>
        <Ul>
          <li>飼い主は、ペットの健康状態・性格・アレルギー等、シッターが安全にお世話を行うために必要な情報を正確に開示するものとします。</li>
          <li>シッターに対し、家庭内の私物・貴重品に関する取り扱い指示を明示し、不要な接近を避ける配慮をするものとします。</li>
        </Ul>

        <H2>第5条（料金・お支払い）</H2>
        <Ul>
          <li>サービス料金は予約確定時に事前精算とし、当社がお客様と各シッターのお支払いを仲介します。</li>
          <li>シッターへの送金は、訪問完了の翌営業日以降に行います。</li>
          <li>キャンセル・返金については「特定商取引法に基づく表記」の定めに従います。</li>
        </Ul>

        <H2>第6条（ペット保険）</H2>
        <p>
          サービス提供中の事故・損害に対しては、当社の包括契約に基づくペット保険（最大1,000万円）が自動付帯されます。
          ただし、飼い主の故意・過失に起因する場合や保険約款上の免責事由に該当する場合は、補償の対象外となります。
        </p>

        <H2>第7条（禁止事項）</H2>
        <Ul>
          <li>本サービスを介さない直接取引（中抜き）の依頼または受諾</li>
          <li>虚偽のレビュー投稿、他人のなりすまし、複数アカウントの取得</li>
          <li>法令、公序良俗に違反する行為、第三者の権利を侵害する行為</li>
          <li>当社・他のユーザー、第三者の知的財産権を侵害する行為</li>
        </Ul>

        <H2>第8条（本サービスの提供の停止等）</H2>
        <p>
          当社は、システム保守・天災・通信障害その他やむを得ない事由により、事前通知なしに本サービスの全部または一部の提供を停止することができるものとします。
        </p>

        <H2>第9条（免責事項）</H2>
        <p>
          当社は、本サービスがお客様の特定の目的に適合すること、期待する機能・商品的価値・正確性・有用性を有すること、お客様による本サービスの利用がお客様に適用される法令または業界団体の内規等に適合することを保証するものではありません。
        </p>

        <H2>第10条（規約の変更）</H2>
        <p>
          当社は、必要と判断した場合には、お客様に通知することなくいつでも本規約を変更することができるものとします。
          変更後の利用規約は、本サービス上に掲載した時点から効力を生じるものとします。
        </p>

        <H2>第11条（準拠法・裁判管轄）</H2>
        <p>
          本規約の解釈にあたっては、日本法を準拠法とします。本サービスに関して紛争が生じた場合には、
          東京地方裁判所を専属的合意管轄とします。
        </p>

        <p style={{textAlign:'right',marginTop:32,color:'#9c8a72',fontSize:13}}>
          制定 2026年5月20日<br/>
          ソプラ銀座株式会社
        </p>

        <SmallNote>
          ⚠️ <strong>運用ノート（公開時に削除）</strong>：palpetjapan.com の利用規約ページが存在しないため、業界標準テンプレをベースに作成しました。
          本番公開前に法務確認をお願いします。
        </SmallNote>
      </Article>
    </LegalShell>
  );
}

// ============ 共通パーツ ============
function Article({ children }) {
  return (
    <div style={{
      background:'#fff',borderRadius:20,padding:'36px 40px',
      border:'1px solid rgba(0,0,0,.05)',
      fontSize:14,lineHeight:1.95,color:'#3c2f1e',
    }}>
      {children}
    </div>
  );
}
function H2({ children }) {
  return (
    <h2 style={{
      fontSize:17,fontWeight:700,marginTop:28,marginBottom:10,
      paddingLeft:12,borderLeft:'3px solid var(--c-primary)',
      letterSpacing:'.01em',
    }}>{children}</h2>
  );
}
function Ul({ children }) {
  return <ul style={{paddingLeft:22,margin:'8px 0',lineHeight:2}}>{children}</ul>;
}
function SmallNote({ children }) {
  return (
    <div style={{
      marginTop:28,paddingTop:18,borderTop:'1px dashed rgba(0,0,0,.1)',
      fontSize:12,color:'#9c8a72',lineHeight:1.7,
    }}>{children}</div>
  );
}

window.CompanyInfo = CompanyInfo;
window.PrivacyPolicy = PrivacyPolicy;
window.Tokushou = Tokushou;
window.Terms = Terms;
