import { Row } from "antd";
import { twMerge } from "tailwind-merge";
import { useCrushSummary } from "../api/filters.js";
import { isNil } from "../../utils.js";

export const AccidentSimulationModal = ({id, modalOpen, setModalOpen}) => {


  const {data, isLoading} = useCrushSummary(id);

  return (
    <div className="flex flex-col gap-1">
      <Row className={twMerge("font-bold")}>
        В зоне аварии оказалось:
      </Row>
      {!isNil(data?.potreb_count) && !isNil(data?.potreb_soc_count) && (
        <Row>
          {data?.potreb_count + data?.potreb_soc_count} потребителей (из них {data?.potreb_soc_count} - социальные
          объекты)
        </Row>
      )}
      {!isNil(data?.total_area) && (
        <Row>
          Общая площадь потребителей - {Math.ceil(data?.total_area)} кв. метров
        </Row>
      )}
      {!isNil(data?.number_of_apartments) && (
        <Row>
          {data?.number_of_apartments} квартир
        </Row>
      )}
      {!isNil(data?.data_min_cooling_time) && !isNil(data?.min_cooling_time) && (
        <Row>
          Быстрее всего остынет здание по
          адресу {data?.data_min_cooling_time.building_address} ({data?.min_cooling_time} часов)
        </Row>
      )}



    </div>
  );
};