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 OneOnOneInquiryTable from "@/components/sub/community/oneononeinqury/OneOnOneInquiryTable";
import OneOnOneEditPop from "@/components/sub/community/oneononeinqury/OneOnOneEditPop";
import OneOnOneDetailPop from "@/components/sub/community/oneononeinqury/OneOnOneDetailPop";

export default function OneOnOneInquiryPage(){
    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={'#'}>1:1お問い合わせ</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">
                        <OneOnOneInquiryTable/>
                    </div>
                </div>
            </div>
            <Footer/>

            {/* 1:1문의 등록 */}
            {/* <OneOnOneEditPop/> */}
            <OneOnOneDetailPop/>
        </div>
    )
}