import React from 'react';
import { useCalculatorStore } from '../../../store/calculatorStore';
import { calculateWindPressure } from '../../../utils/windLogic';
import { MwfrsLowRiseSection } from '../mwfrs/MwfrsLowRiseSection';
import { MwfrsOpenLowRiseSection } from '../mwfrs/MwfrsOpenLowRiseSection';
import { MwfrsLowRiseCases } from '../mwfrs/MwfrsLowRiseCases';
import { MwfrsZoneDiagrams } from '../mwfrs/MwfrsZoneDiagrams';

export const MwfrsLowRiseSheet: React.FC = () => {
    const { wind, buildingGeometry } = useCalculatorStore();

    // Derived values
    const h = buildingGeometry.meanRoofHeight; // For Low-Rise specific, usually mean roof height is input.
    // If we want to support user override specific to MWFRS like in the other sheet, we can use mwfrs.userRidgeHeight
    // but buildingGeometry.meanRoofHeight is the primary one.

    // Calculate qh for Low-Rise
    const qh = calculateWindPressure({
        speed: wind.speed,
        exposure: wind.exposure,
        height: h,
        kzt: wind.topography.factor,
        kd: wind.directionality,
        ke: wind.groundElevationFactor,
        g: -1 // unused for qh
    });

    const G = wind.gust.factor;
    const GCpi = wind.internalPressure;

    // Derived Kz
    const Kz_derived = qh / (0.00256 * wind.topography.factor * wind.directionality * Math.pow(wind.speed, 2));

    return (
        <div className="sheet-content fade-in">
            <div className="flex-row" style={{ justifyContent: 'space-between', alignItems: 'center', marginBottom: '10px' }}>
                <h2>Wind Loads - MWFRS h ≤ 60' (Envelope)</h2>
                <div className="flex-row gap-sm" style={{ fontSize: '0.9em', color: '#666' }}>
                    <div>Job No: {useCalculatorStore.getState().general.jobNo}</div>
                    <div>By: {useCalculatorStore.getState().general.calculatedBy}</div>
                </div>
            </div>

            <MwfrsLowRiseSection
                qh={qh}
                h={h}
                kz={isNaN(Kz_derived) ? 0 : Kz_derived}
                G={G}
                GCpi={GCpi}
            />

            <MwfrsOpenLowRiseSection qh={qh} GCpi={GCpi} />

            <MwfrsLowRiseCases />

            <MwfrsZoneDiagrams />
        </div>
    );
};