import { HelpArticle } from "@/components/help/help-article";
import { HelpSection } from "@/components/help/help-section";
import { HelpCallout } from "@/components/help/help-callout";
import { ScreenshotPlaceholder } from "@/components/help/screenshot-placeholder";

export default function SubscriptionHelpPage() {
  return (
    <HelpArticle
      title="Subscription & Plans"
      description="Understand the free plan, Pro features, and how to manage your subscription."
    >
      <HelpSection id="free-plan" title="Free Plan">
        <p>
          honeyDue is free to use with generous limits for individual homeowners:
        </p>
        <ul className="list-disc list-inside space-y-2 ml-1">
          <li><strong>1 residence</strong></li>
          <li><strong>Up to 25 tasks</strong> per residence</li>
          <li><strong>Up to 10 contractors</strong></li>
          <li><strong>Up to 10 documents</strong> per residence</li>
          <li>Full kanban board, recurring tasks, and sharing</li>
        </ul>
        <HelpCallout type="tip">
          The free plan is fully functional — not a trial. It&apos;s designed for
          homeowners managing a single property.
        </HelpCallout>
      </HelpSection>

      <HelpSection id="pro" title="Pro Features">
        <p>
          Upgrade to Pro for unlimited everything — perfect for landlords,
          property managers, or households with multiple properties.
        </p>
        <ScreenshotPlaceholder alt="Pro plan feature comparison showing free vs pro limits" />
        <ul className="list-disc list-inside space-y-2 ml-1">
          <li><strong>Unlimited residences</strong></li>
          <li><strong>Unlimited tasks</strong> per residence</li>
          <li><strong>Unlimited contractors</strong></li>
          <li><strong>Unlimited documents</strong> per residence</li>
          <li><strong>Residence reports</strong> — PDF exports of maintenance history</li>
          <li><strong>Priority support</strong></li>
        </ul>
      </HelpSection>

      <HelpSection id="upgrading" title="Upgrading to Pro">
        <p>
          Upgrade from your account settings or when you hit a free plan limit.
          Subscriptions are managed through the App Store (iOS) or Google Play
          (Android).
        </p>
        <ScreenshotPlaceholder alt="Subscription settings page with upgrade button" />
        <ol className="list-decimal list-inside space-y-2 ml-1">
          <li>Go to <strong>Settings</strong> → <strong>Subscription</strong>.</li>
          <li>Tap <strong>Upgrade to Pro</strong>.</li>
          <li>Choose monthly or annual billing.</li>
          <li>Confirm the purchase through your app store.</li>
        </ol>
      </HelpSection>

      <HelpSection id="managing" title="Managing Your Subscription">
        <p>
          View your current plan, billing period, and renewal date from the
          subscription settings. You can cancel at any time — your Pro features
          remain active until the end of the current billing period.
        </p>
        <HelpCallout type="note">
          Subscriptions are managed by Apple or Google — to cancel, go to your
          device&apos;s subscription settings. Your data is never deleted when you
          downgrade.
        </HelpCallout>
      </HelpSection>

      <HelpSection id="restoring" title="Restoring Purchases">
        <p>
          If you reinstall the app or switch devices, you can restore your
          existing subscription:
        </p>
        <ol className="list-decimal list-inside space-y-2 ml-1">
          <li>Go to <strong>Settings</strong> → <strong>Subscription</strong>.</li>
          <li>Tap <strong>Restore Purchases</strong>.</li>
          <li>Your Pro status will be restored if an active subscription is found.</li>
        </ol>
      </HelpSection>
    </HelpArticle>
  );
}
