import { BASE_URL } from "@/Constant";
import Image from "next/image";
import SafeHtmlRenderer from "../SafeHtmlRenderer";
import Link from "next/link";
import GLATable from "./GLATable";

export default function GlaPurpose2({ data, evalution, download, table }: any) {
  return (
    <>
      <div className="w-full  mx-auto py-4 md:px-8">
        <div className="overflow-x-scroll ">
          <div className="">
            <div className="">
              <h2>{data?.postTitle}</h2>
              <div className="min-w-[532px]">
                <div className="safe">
                  <SafeHtmlRenderer htmlContent={data?.shortContent} />
                </div>
              </div>
            </div>
          </div>
        </div>

        <div className="flex flex-col lg:flex-row pt-10 gap-10">
          <div className="md:w-[40%]">
            <div className="bg-white rounded-2xl p-4 shadow-lg">
              <div className="aspect-square rounded-lg overflow-hidden">
                <Image
                  width={100}
                  height={100}
                  unoptimized={true}
                  src={`${BASE_URL}${evalution?.gallaryImage}`}
                  alt="Digital transformation concept"
                  className="w-full h-full object-cover"
                />
              </div>
            </div>
          </div>
          <div className="flex-1 flex flex-col justify-center md:pt-0 md:relative">
            <div className="safe">
              <SafeHtmlRenderer htmlContent={evalution?.shortContent} />
            </div>
            <Link
              href={`mailto:${evalution?.url}`}
              className="text-blue text-lg font-bold ms-9"
            >
              {evalution?.url}
            </Link>
          </div>
        </div>

       
      </div>
      <GLATable table={table} />
    </>
  );
}