import { Button, Form, Image, Input } from "antd";
import cx from "classnames";
import router from "next/router";
import { FC, useEffect, useState } from "react";
import EnquiryForm from "../home/enquiryForm/EnquiryForm";
import RequestQuoteModal from "../productDetails/leftPane/components/RequestQuoteModal";
import styles from "./enquiryPage.module.scss";
const EnquiryPage: FC<any> = () => {
  const [name, setName] = useState("");
  const [email, setEmail] = useState("");
  const [phone, setPhone] = useState("");
  const [timeLine, setTimeLine] = useState("");
  const [price, setPrice] = useState("");
  const [searchText, setSearchText] = useState<any>("");

  useEffect(() => {
    setSearchText(router?.query?.search ? router?.query?.search : "");
  }, []);

  return (
    <>
      <div className={cx("ant-row ", styles.noResultSection,styles.mlDiv)}>
        <div
          className={cx("ant-col ant-col-md-24 ant-col-xs-24 ant-col-xl-12")}
        >
          <div className={cx("ant-row mt-10")}>
            <div
              className={cx(
                "ant-col  ant-col-xs-24 ant-col-md-12 ant-col-xl-5 "
              )}
            >
              <Image
                width={100}
                preview={false}
                height={100}
                src={"/images/enquiryArrow.svg"}
                alt="enquiryArrow"
              />
            </div>
            <div
              className={cx(
                "ant-col  ant-col-xs-24 ant-col-md-12 ant-col-xl-19 pl-4 "
              )}
            >
              {router?.query?.search ? (
                <div>{`No results found for ‘${router?.query?.search}’`} </div>
              ) : (
                <div>{`No results found `} </div>
              )}
              <div className={styles.enquiryTitle}>Don’t worry,</div>
              <div className={styles.enquirySubTitle}>we will provide your</div>
              <div className={styles.enquirySubTitle}>required Product!</div>
              <div className={styles.enquirySubSubTitle}>
                Please fill this Enquiry to provide you as soon as possible!
              </div>
            </div>
          </div>
        </div>
        <div
          className={cx(
            "ant-col ant-col-md-24 ant-col-xs-24 ant-col-xl-12",
            styles.enquiryDiv,styles.mlDiv
          )}
        >
          <EnquiryForm video={false} />
        </div>
      </div>
    </>
  );
};

export default EnquiryPage;