import Footer from "@/components/layout/Footer";
import Header from "@/components/layout/Header";
import PropertyStatus from "@/components/sub/management/productstate/PropertyStatus";
import Image from "next/image";
import '@/styles/contents.scss'
import ProductsList from "@/components/sub/management/productstate/ProductsList";

export default function ProductStatePage(){
    return(
        <div className="wrap">
            <Header/>
            <div className="content">
                <div className="sub-header">
                    <div className="sub-header-inner">
                        <h1 className="sub-header-title">物品及び図面管理</h1>
                        <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">
                            <PropertyStatus/>
                        </div>
                        <div className="sub-content-box">
                            <ProductsList/>
                        </div>
                    </div>
                </div>
            </div>
            <Footer/>
        </div>
    )
}