"use client";

import {
  roundEstimateValue,
  type EstimateComparison,
} from "../../shared/estimate-balance/estimate-balance";
import { formatDeltaPercent, formatKw, formatSignedKw } from "./estimate-balance-format";

function deltaClass(deltaKw: number) {
  if (roundEstimateValue(deltaKw, 2) === 0) {
    return "estimate-number";
  }
  return deltaKw > 0 ? "estimate-number is-over" : "estimate-number is-under";
}

/** Estimated AV power per cost group vs. the detailed circuit-list rows. */
export function EstimateComparisonTable({ comparison }: { comparison: EstimateComparison }) {
  return (
    <div className="estimate-sheet-wrap">
      <table className="estimate-sheet estimate-comparison">
        <thead>
          <tr>
            <th>KG</th>
            <th>Titel</th>
            <th>geschätzt AV kW</th>
            <th>detailliert kW</th>
            <th>Δ kW</th>
            <th>Δ %</th>
          </tr>
        </thead>
        <tbody>
          {comparison.groups.map((group) => (
            <tr key={group.groupId}>
              <td className="estimate-cost-group-cell">{group.costGroup}</td>
              <td>
                {group.title}
                {group.detailedRowCount ? (
                  <span className="estimate-th-hint">
                    {group.detailedRowCount === 1
                      ? "1 Gerätezeile"
                      : `${group.detailedRowCount} Gerätezeilen`}
                  </span>
                ) : null}
              </td>
              <td className="estimate-number">{formatKw(group.estimatedAv.kw)}</td>
              <td className="estimate-number">{formatKw(group.detailed.kw)}</td>
              <td className={deltaClass(group.deltaKw)}>{formatSignedKw(group.deltaKw)}</td>
              <td className={deltaClass(group.deltaKw)}>
                {formatDeltaPercent(group.deltaPercent)}
              </td>
            </tr>
          ))}
          <tr className="estimate-unassigned-row">
            <td />
            <td>
              ohne Kostengruppe / nicht zugeordnet
              {comparison.unassigned.rowCount ? (
                <span className="estimate-th-hint">
                  {comparison.unassigned.rowCount === 1
                    ? "1 Gerätezeile"
                    : `${comparison.unassigned.rowCount} Gerätezeilen`}
                </span>
              ) : null}
            </td>
            <td className="estimate-number">–</td>
            <td className="estimate-number">{formatKw(comparison.unassigned.kw)}</td>
            <td className="estimate-number">–</td>
            <td className="estimate-number">–</td>
          </tr>
        </tbody>
        <tfoot>
          <tr className="estimate-total-row is-strong">
            <td />
            <td className="estimate-total-label">Summe</td>
            <td className="estimate-number">{formatKw(comparison.total.estimatedAv.kw)}</td>
            <td className="estimate-number">{formatKw(comparison.total.detailed.kw)}</td>
            <td className={deltaClass(comparison.total.deltaKw)}>
              {formatSignedKw(comparison.total.deltaKw)}
            </td>
            <td className={deltaClass(comparison.total.deltaKw)}>
              {formatDeltaPercent(comparison.total.deltaPercent)}
            </td>
          </tr>
        </tfoot>
      </table>
    </div>
  );
}