import dynamic from "next/dynamic";
import Seo from "../../../../components/common/Seo";
import LoginPopup from "../../../../components/common/form/login/LoginPopup";
import DashboardHeader from "../../../../components/header/DashboardHeader";
import MobileMenu from "../../../../components/header/MobileMenu";
import DashboardSidebar from "../../../../components/header/DashboardSidebar";
import BreadCrumb from "../../../../components/dashboard/common/BreadCrumb";
import CopyrightFooter from "../../../../components/dashboard/common/CopyrightFooter";
import { useState } from "react";
import { ViewPostedJob } from "../../../../components/dashboard/company-dashboard/manage-jobs/ViewPostedJob";

const JobDetails = () => {
  const [getIsSidebarOpen, setIsSidebarOpen] = useState(false);

  return (
    <>
      <Seo pageTitle="View Job" />
      <div className="page-wrapper dashboard">
        <span className="header-span"></span>
        {/* <!-- Header Span for hight --> */}

        {/* End Login Popup Modal */}

        <DashboardHeader
          logo={"/images/human_capital_logo.png"}
          ac_holder={"My Account"}
        />
        {/* End Header */}

        <MobileMenu />
        {/* End MobileMenu */}

        <DashboardSidebar
          getIsSidebarOpen={getIsSidebarOpen}
          setIsSidebarOpen={setIsSidebarOpen}
        />
        {/* <!-- End Candidates Sidebar Menu --> */}

        {/* company dashboard */}

        <section className="user-dashboard">
          <div className="dashboard-outer">
            <BreadCrumb
              title={`View Job`}
              getIsSidebarOpen={getIsSidebarOpen}
              setIsSidebarOpen={setIsSidebarOpen}
            />
            {/* breadCrumb */}

            {/* <MenuToggler /> */}
            {/* Collapsible sidebar button */}

            <div className="row">
              <div className="applicants-widget ls-widget w-100">
                <div className="py-3 w-100">
                  <ViewPostedJob />
                </div>
              </div>
            </div>
          </div>
        </section>
        {/* <!-- End Dashboard --> */}
        <CopyrightFooter />
        {/* <!-- End Copyright --> */}
      </div>
    </>
  );
};

export default dynamic(() => Promise.resolve(JobDetails), { ssr: false });