import Footer from "@/components/layout/Footer";
import Header from "@/components/layout/Header";
import Image from "next/image";
import Link from "next/link";
import '@/styles/contents.scss';
import '@/styles/grid.scss';
import NewProductTable from "@/components/sub/management/newproduct/NewProductTable";
import FindAddressPop from "@/components/sub/management/newproduct/FindAddressPop";
import DesignRequestPop from "@/components/sub/management/newproduct/DesignRequestPop";
import LoadingSpinner from "@/components/common/spinner/LoadingSpinner";

export default function NewProductPage(){
    return(
        <div className="wrap">
            <Header/>
            <div className="content">
                <div className="sub-header">
                    <div className="sub-header-inner">
                        <ul className="sub-header-title-wrap">
                            <li className='title-item'>
                                <Link className='sub-header-title' href={'#'}>商品情報</Link>
                            </li>
                        </ul>
                        <ul className="sub-header-location">
                            <li className="location-item">
                                <span className="home">
                                    <Image src="/static/images/main/home_icon.svg" alt="react" width={16} height={16} />
                                </span>
                            </li>
                            <li className="location-item">
                                <span>物品及び図面管理</span>
                            </li>
                            <li className="location-item">
                                <span>商品情報</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div className="sub-content">
                    <div className="sub-content-inner">
                        <NewProductTable/>
                    </div>
                </div>
            </div>
            <Footer/>

            {/* 주소찾기 팝업 */}
            {/* <FindAddressPop/> */}

            {/* 설계의뢰 불러오기 팝업 */}
            {/* <DesignRequestPop/> */}

            {/* 로딩바 */}
            {/* <LoadingSpinner/> */}
        </div>
    )
}