import { Button } from "@mui/material";
import ModalDeleteComment from "./modal";
import RescheduleModal from "./modal/RescheduleModal";
import DownloadD from "@/components/icons/DownloadD";

/** نوبتی که گذشته یا از قبل لغو شده، نه لغو می‌شود نه جابه‌جا. */
function isOpen(appointment) {
  if (!appointment?.uuid) return false;
  if (String(appointment.status ?? "").startsWith("cancelled")) return false;

  return (appointment.slot_start ?? 0) > Math.floor(Date.now() / 1000);
}

function ButtonData({ loading, onDownload, appointment, onChanged }) {
  const actionable = isOpen(appointment);

  return (
    <div className="flex mt-[48px] md:mt-0 items-center justify-center md:justify-end gap-[16px] sm:gap-[16px] md:gap-[20px] lg:gap-[24px]">
      {onDownload && (
        <Button
          className="!rounded-[4px] !border !border-solid !border-[#D7D7D7] !shadow-none !gap-[4px] !py-[6px] md:!py-[7px] lg:!py-[8px] !px-[12px]"
          disabled={loading}
          variant="outlined"
          onClick={onDownload}
        >
          <DownloadD />
          دانلود اطلاعات نوبت
        </Button>
      )}

      {actionable && (
        <>
          <ModalDeleteComment loading={loading} appointment={appointment} onDone={onChanged} />
          <RescheduleModal loading={loading} appointment={appointment} onDone={onChanged} />
        </>
      )}
    </div>
  );
}

export default ButtonData;