import Header from "@/components/layout/Header";
import Image from "next/image";
import Link from 'next/link';
import Footer from '@/components/layout/Footer';
import '@/styles/contents.scss';
import '@/styles/grid.scss';
import ProductInfoTable from "@/components/sub/management/productinfo/ProductInfoTable";
import ProductInfoBox from "@/components/sub/management/productinfo/ProductInfoBox";
import WindSelectPop from "@/components/sub/management/productinfo/WindSelectPop";

export default function ProductInfo(){
    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>
                            <li className='title-item'>
                                <Link className='sub-header-title' href={'#'}><span className='icon drawing'></span>作図</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">
                        <div className="sub-content-box">
                            <ProductInfoBox/>
                        </div>
                        <div className="sub-content-box">
                            <ProductInfoTable/>
                        </div>
                    </div>
                </div>
            </div>
            <Footer/>

            {/* 풍속선택 팝업 */}
            {/* <WindSelectPop/> */}
        </div>
    )
}