/** Market section - Main entry point */

import { localhost } from "../../utils/env.js";
import { Unit } from "../../utils/units.js";
import { buildAverages, createAveragesSection } from "./averages.js";
import { createPerformanceSection } from "./performance.js";
import { createIndicatorsSection } from "./indicators/index.js";
import { createInvestingSection } from "./investing.js";

/**
 * Create Market section
 * @param {PartialContext} ctx
 * @returns {PartialOptionsGroup}
 */
export function createMarketSection(ctx) {
  const { colors, brk, line, candlestick } = ctx;
  const { market, supply, price } = brk.metrics;
  const {
    movingAverage,
    ath,
    returns,
    volatility,
    range,
    dca,
    lookback,
    indicators,
  } = market;

  const averages = buildAverages(colors, movingAverage);

  return {
    name: "Market",
    tree: [
      // Price
      {
        name: "Price",
        title: "Bitcoin Price",
        ...(localhost && {
          top: [
            // candlestick({
            //   metric: price.oracle.ohlcDollars,
            //   name: "Oracle base",
            //   unit: Unit.usd,
            //   colors: [colors.cyan, colors.purple],
            // }),
            line({
              metric: price.oracle.phaseDailyDollars.median,
              name: "o. p50",
              unit: Unit.usd,
              color: colors.yellow,
            }),
            line({
              metric: price.oracle.phaseDailyDollars.max,
              name: "o. max",
              unit: Unit.usd,
              color: colors.lime,
            }),
            line({
              metric: price.oracle.phaseDailyDollars.min,
              name: "o. min",
              unit: Unit.usd,
              color: colors.rose,
            }),
          ],
        }),
      },

      // Capitalization
      {
        name: "Capitalization",
        title: "Market Capitalization",
        bottom: [
          line({
            metric: supply.marketCap,
            name: "Capitalization",
            unit: Unit.usd,
          }),
        ],
      },

      // All Time High
      {
        name: "All Time High",
        title: "All Time High",
        top: [line({ metric: ath.priceAth, name: "ATH", unit: Unit.usd })],
        bottom: [
          line({
            metric: ath.priceDrawdown,
            name: "Drawdown",
            color: colors.red,
            unit: Unit.percentage,
          }),
          line({
            metric: ath.daysSincePriceAth,
            name: "Since",
            unit: Unit.days,
          }),
          line({
            metric: ath.yearsSincePriceAth,
            name: "Since",
            unit: Unit.years,
          }),
          line({
            metric: ath.maxDaysBetweenPriceAths,
            name: "Max",
            color: colors.red,
            unit: Unit.days,
          }),
          line({
            metric: ath.maxYearsBetweenPriceAths,
            name: "Max",
            color: colors.red,
            unit: Unit.years,
          }),
        ],
      },

      // Averages
      createAveragesSection(ctx, averages),

      // Performance
      createPerformanceSection(ctx, returns),

      // Indicators
      createIndicatorsSection(ctx, {
        volatility,
        range,
        movingAverage,
        indicators,
      }),

      // Investing
      createInvestingSection(ctx, { dca, lookback, returns }),
    ],
  };
}