import type { PlateResult, ProblemSpec } from "@plate-dyn/core";
import { LinePlot, useSharedAxis } from "@plate-dyn/components";

/** The contact: the force, the hammer and the plate under it, and the numbers. */
export function ContactPlots({ result, spec }: { result: PlateResult; spec: ProblemSpec }) {
  const c = result.contact;
  const axis = useSharedAxis();
  const coupled = c.hammer_v.length > 0;
  const velocities = coupled
    ? [
        { x: c.t, y: c.hammer_v, label: "hammer" },
        { x: c.t, y: c.plate_v, label: "plate under it", color: "#d1495b" },
      ]
    : [{ x: c.t, y: c.plate_v, label: "plate under the hammer", color: "#d1495b" }];
  return (
    <div>
      <div className="pl-plot-title">The contact</div>
      <LinePlot
        title="Contact force"
        series={[{ x: c.t, y: c.force, label: "F" }]}
        xScale={1e6}
        xLabel="time [µs]"
        yLabel="F [N]"
        yUnit="N"
        height={150}
        {...axis}
      />
      <LinePlot
        title="Velocities, positive into the plate"
        series={velocities}
        xScale={1e6}
        xLabel="time [µs]"
        yLabel="v [m/s]"
        yUnit="m/s"
        height={150}
        {...axis}
      />
      <table className="modes-table" style={{ marginTop: 6 }}>
        <tbody>
          <tr>
            <td>Model</td>
            <td>{c.model}</td>
          </tr>
          <tr>
            <td>Contact time</td>
            <td>
              {(c.tc * 1e6).toPrecision(4)} µs (Hertz estimate on a rigid target{" "}
              {(c.hertz_duration * 1e6).toPrecision(4)} µs)
            </td>
          </tr>
          <tr>
            <td>Peak force</td>
            <td>
              {c.peak_force.toPrecision(4)} N (rigid target {c.hertz_peak_force.toPrecision(4)} N)
            </td>
          </tr>
          <tr>
            <td>Impulse</td>
            <td>
              {(c.impulse * 1e3).toPrecision(4)} mN s (rigid target{" "}
              {(c.hertz_impulse * 1e3).toPrecision(4)} mN s; the hammer arrived with{" "}
              {(spec.hammer.mass * spec.hammer.speed * 1e3).toPrecision(3)} mN s)
            </td>
          </tr>
          {coupled && (
            <tr>
              <td>At separation</td>
              <td>
                the hammer still moves into the plate at {c.hammer_exit_v.toPrecision(3)} m/s, the
                plate under it at {c.plate_exit_v.toPrecision(3)} m/s; effective restitution{" "}
                {c.effective_restitution.toPrecision(3)} against the nominal{" "}
                {spec.hammer.restitution}
              </td>
            </tr>
          )}
          {!coupled && (
            <tr>
              <td>At separation</td>
              <td>
                the plate under the hammer moves at {c.plate_exit_v.toPrecision(3)} m/s; the hammer
                is not part of this model, its impulse being prescribed by the nominal restitution{" "}
                {spec.hammer.restitution}
              </td>
            </tr>
          )}
        </tbody>
      </table>
      <div className="pl-small pl-muted">
        {coupled
          ? "The plate is very light: it moves away under the hammer, so the force is lower, the contact longer and the momentum transfer smaller than on a rigid target, and the hammer follows the plate into the strike."
          : "The pulse is that of a rigid target, applied as given: what the plate does during the contact does not feed back on the force. Compare with the coupled contact of the finite-element method."}
      </div>
    </div>
  );
}