import { __ } from "@wordpress/i18n";

// A good help page answers most support questions before they are asked.
export function HelpView() {
  const questions: Array<{ q: string; a: string }> = [
    {
      q: __("What is a lot?", "lotcost"),
      a: __(
        "A purchase you made for one price and sell piece by piece: an estate sale, an auction lot, a pallet, a box of vintage clothes. You record what you paid, the shipping and other costs, and where you bought it. LotCost shares the total between the pieces you pick from your WooCommerce products.",
        "lotcost",
      ),
    },
    {
      q: __("How is the cost shared between the pieces?", "lotcost"),
      a: __(
        "Three ways: in equal parts, in proportion to the selling prices in your store, or by hand (you type the cost of each piece and LotCost tells you how much is still to give out). The shares always add up to the lot total, to the cent. You can also fix the cost of a piece: it is taken out of the lot first and the rest is shared.",
        "lotcost",
      ),
    },
    {
      q: __("What does LotCost change in my store?", "lotcost"),
      a: __(
        "Only the Cost of Goods Sold field of your products (and of the variations you pick), and only when you press a write button. Prices, titles, descriptions, stock and orders are never changed. A piece with a cost of 0, or without a cost, is never written.",
        "lotcost",
      ),
    },
    {
      q: __("Why does LotCost ask me to turn on a WooCommerce setting?", "lotcost"),
      a: __(
        "The Cost of Goods Sold field comes with WooCommerce 10.3 and later, and is off by default. Turn it on in WooCommerce > Settings > Advanced > Features. Until then you can record lots and see the shared costs, but nothing is written.",
        "lotcost",
      ),
    },
    {
      q: __("Can a piece be in two lots?", "lotcost"),
      a: __(
        "No. A product (or variation) has one cost in WooCommerce, so it belongs to one lot. When you try to add a piece that another lot holds, LotCost tells you which one.",
        "lotcost",
      ),
    },
    {
      q: __("What happens to orders I already have?", "lotcost"),
      a: __(
        "Nothing. WooCommerce records the cost on an order when the order is created, so a new cost only applies to new orders.",
        "lotcost",
      ),
    },
    {
      q: __("How does LotCost know what has come back?", "lotcost"),
      a: __(
        "It reads no order. A piece counts as sold when it has left your stock (WooCommerce counts its stock, or its status is out of stock), and it is valued at its selling price today. A discount or a later price change is not seen, so every figure is an estimate, and pieces whose stock is not counted are set apart. The Sources tab sums this up by lot and by where you bought.",
        "lotcost",
      ),
    },
    {
      q: __("Which products can be pieces?", "lotcost"),
      a: __(
        "Simple products, and the variations of variable products (a shirt in size M is one piece, size L another). Other product types are not supported.",
        "lotcost",
      ),
    },
    {
      q: __("Is my data sent anywhere?", "lotcost"),
      a: __(
        "No. LotCost makes no external request and never reads orders or customers. Your lots are kept in your own WordPress database.",
        "lotcost",
      ),
    },
    {
      q: __("What happens when I delete the plugin?", "lotcost"),
      a: __(
        "By default your lots are kept. Turn on the option in the Settings tab if you want everything removed. The costs already written to WooCommerce are never touched.",
        "lotcost",
      ),
    },
  ];

  return (
    <div className="lotcost-section lotcost-help">
      <h2>{__("Frequently asked questions", "lotcost")}</h2>
      {questions.map(({ q, a }) => (
        <div key={q} className="lotcost-faq">
          <h3>{q}</h3>
          <p>{a}</p>
        </div>
      ))}
      <h2>{__("Support", "lotcost")}</h2>
      <p>{__("Something unclear or not working? Open a topic in the LotCost support forum on WordPress.org.", "lotcost")}</p>
    </div>
  );
}