import { Metadata } from 'next';
import Link from 'next/link';
import { getHomepageContent } from '@/lib/homepage-content';
import { Render } from '@puckeditor/core';
import { puckConfig } from '@/lib/puck/config';

export const dynamic = 'force-dynamic';

export const metadata: Metadata = {
  title: 'プライバシーポリシー',
  description: 'ten-sura-game.comのプライバシーポリシーについて。個人情報の取り扱い、Cookie・アクセス解析ツールの利用、免責事項等をご確認ください。',
  alternates: {
    canonical: 'https://ten-sura-game.com/privacy-policy',
  },
};

export default async function PrivacyPolicyPage() {
  try {
    const pageData = await getHomepageContent('/privacy-policy');
    if (pageData?.puckData) {
      return (
        <main className="bg-[#0F0F12] min-h-screen">
          <Render config={puckConfig as any} data={pageData.puckData as any} />
        </main>
      );
    }
  } catch {
    // DB unavailable — fall through to hardcoded content
  }

  return (
    <main className="bg-deep-black min-h-screen">
      <div className="container mx-auto px-4 py-12 md:py-16">
        {/* Page Header */}
        <div className="mb-10">
          <h1 className="text-3xl md:text-4xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
            プライバシーポリシー
          </h1>
          <p className="text-text-light-gray text-sm">
            最終更新日：2026年6月4日
          </p>
        </div>

        {/* Content */}
        <div className="bg-soft-dark border border-soft-gray-border rounded-xl p-6 md:p-10 space-y-10">
          <p className="text-text-white leading-relaxed">
            ten-sura-game.com（以下「当サイト」といいます）は、ユーザーの皆様の個人情報の保護を重要な責務と認識し、以下のとおりプライバシーポリシーを定め、適切な管理・保護に努めてまいります。
          </p>

          {/* Section 1 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              1. 個人情報の取得について
            </h2>
            <p className="text-text-white leading-relaxed mb-4">
              当サイトでは、以下の場合に個人情報を取得することがあります。
            </p>
            <ul className="list-disc list-inside space-y-2 text-text-white leading-relaxed pl-4">
              <li>メールマガジン（ニュースレター）への登録時：メールアドレス</li>
              <li>お問い合わせフォームのご利用時：お名前、メールアドレス</li>
              <li>サイトアクセス時に自動取得する情報：IPアドレス、Cookieデータ、閲覧ページ情報、ブラウザ情報、アクセス日時</li>
            </ul>
          </section>

          {/* Section 2 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              2. 個人情報の利用目的
            </h2>
            <p className="text-text-white leading-relaxed mb-4">
              当サイトが取得した個人情報は、以下の目的のために利用いたします。
            </p>
            <ul className="list-disc list-inside space-y-2 text-text-white leading-relaxed pl-4">
              <li>ニュースレターの配信およびお知らせの送付</li>
              <li>お問い合わせに対する回答・連絡</li>
              <li>サイトの利用状況の分析およびサービス改善</li>
              <li>スパム防止および不正アクセス対策</li>
              <li>その他、上記利用目的に付随する業務</li>
            </ul>
          </section>

          {/* Section 3 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              3. 個人情報の第三者提供について
            </h2>
            <p className="text-text-white leading-relaxed">
              当サイトは、以下の場合を除き、ユーザーの個人情報を第三者に提供することはいたしません。
            </p>
            <ul className="list-disc list-inside space-y-2 text-text-white leading-relaxed pl-4 mt-4">
              <li>ユーザーご本人の同意がある場合</li>
              <li>法令に基づき開示が必要な場合</li>
              <li>人の生命、身体または財産の保護のために必要であり、ご本人の同意を得ることが困難な場合</li>
              <li>国の機関もしくは地方公共団体またはその委託を受けた者が法令の定める事務を遂行することに対して協力する必要がある場合</li>
            </ul>
          </section>

          {/* Section 4 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              4. 配信停止・個人情報の開示/訂正/削除
            </h2>
            <p className="text-text-white leading-relaxed mb-4">
              ユーザーは、当サイトが保有する個人情報について、以下の手続きを行うことができます。
            </p>
            <ul className="list-disc list-inside space-y-2 text-text-white leading-relaxed pl-4">
              <li>ニュースレターの配信停止：配信メール内の「配信停止」リンクよりお手続きいただけます</li>
              <li>個人情報の開示・訂正・削除のご請求：下記お問い合わせ窓口までご連絡ください</li>
            </ul>
            <p className="text-text-white leading-relaxed mt-4">
              ご本人確認のうえ、合理的な期間内に対応いたします。
            </p>
          </section>

          {/* Section 5 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              5. Cookie・アクセス解析ツールについて
            </h2>
            <p className="text-text-white leading-relaxed mb-4">
              当サイトでは、サービスの利便性向上およびアクセス状況の分析を目的として、Cookieおよび以下のアクセス解析ツールを使用しています。
            </p>
            <div className="bg-dark-gray border border-soft-gray-border rounded-lg p-4 mb-4">
              <p className="text-text-white font-semibold mb-2">Google Analytics</p>
              <p className="text-text-light-gray text-sm leading-relaxed">
                当サイトでは、Googleが提供するアクセス解析ツール「Google Analytics」を使用しています。Google Analyticsは、Cookieを使用してユーザーのアクセス情報を収集します。このデータは匿名で収集されており、個人を特定するものではありません。
              </p>
            </div>
            <p className="text-text-white leading-relaxed">
              Cookieの使用を希望されない場合は、ブラウザの設定によりCookieを無効にすることが可能です。ただし、その場合、当サイトの一部機能がご利用いただけなくなる場合があります。Google Analyticsによるデータ収集を無効にする場合は、Googleが提供するオプトアウト機能をご利用ください。
            </p>
          </section>

          {/* Section 6 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              6. 要配慮個人情報の取り扱いについて
            </h2>
            <p className="text-text-white leading-relaxed">
              当サイトでは、人種、信条、社会的身分、病歴、犯罪の経歴、犯罪により害を被った事実その他の要配慮個人情報について、ユーザーご自身が自発的に提供された場合を除き、取得することはありません。万が一、意図せず要配慮個人情報を受領した場合は、速やかに削除いたします。
            </p>
          </section>

          {/* Section 7 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              7. 掲載情報に関する免責事項
            </h2>
            <p className="text-text-white leading-relaxed mb-4">
              当サイトに掲載されている情報は、転生したらスライムだった件（転スラ）関連ゲームの攻略情報を提供することを目的としたものであり、正確性・完全性を保証するものではありません。
            </p>
            <ul className="list-disc list-inside space-y-2 text-text-white leading-relaxed pl-4">
              <li>掲載情報に基づいてユーザーが行った行動により生じたいかなる損害についても、当サイトは一切の責任を負いません</li>
              <li>ゲーム内容はアップデートにより変更される場合があり、最新情報との差異が生じる可能性があります</li>
              <li>当サイトの情報は参考としてのみご利用ください</li>
            </ul>
          </section>

          {/* Section 8 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              8. 外部リンクについて
            </h2>
            <p className="text-text-white leading-relaxed">
              当サイトには、外部のウェブサイトへのリンクが含まれている場合があります。外部サイトにおけるプライバシーポリシーおよび個人情報の取り扱いについては、各サイトの方針に従うものとし、当サイトは一切の責任を負いません。外部リンク先のご利用にあたっては、当該サイトのプライバシーポリシーをご確認ください。
            </p>
          </section>

          {/* Section 9 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              9. プライバシーポリシーの変更について
            </h2>
            <p className="text-text-white leading-relaxed">
              当サイトは、法令の改正、社会情勢の変化、その他の事情により、本プライバシーポリシーの内容を予告なく変更する場合があります。変更後のプライバシーポリシーは、当サイトに掲載した時点より効力を生じるものとします。重要な変更を行う場合は、サイト上でお知らせいたします。
            </p>
          </section>

          {/* Section 10 */}
          <section>
            <h2 className="text-xl md:text-2xl font-bold text-text-white mb-4 border-l-4 border-crimson-red pl-4">
              10. お問い合わせ窓口
            </h2>
            <p className="text-text-white leading-relaxed mb-4">
              本プライバシーポリシーに関するお問い合わせ、個人情報の開示・訂正・削除等のご請求は、下記までご連絡ください。
            </p>
            <div className="bg-dark-gray border border-soft-gray-border rounded-lg p-4">
              <p className="text-text-white font-semibold mb-2">ten-sura-game.com 運営事務局</p>
              <p className="text-text-light-gray text-sm">
                ウェブサイト：
                <Link href="/" className="text-crimson-red hover:text-hover-red transition-colors font-bold">
                  https://ten-sura-game.com
                </Link>
              </p>
            </div>
          </section>
        </div>
      </div>
    </main>
  );
}
