import Footer from "@/components/layout/Footer";
import Header from "@/components/layout/Header";
import ChangePasswordPop from "@/components/main/ChangePasswordPop";
import MainContents from "@/components/main/MainContents";
import '@/styles/style.scss'
import '@/styles/contents.scss'

export default function MainPage() {
    return(
        <div className="wrap">
            <Header/>
            <div className="content">
                <div className="background-bord"></div>
                <div className="main-contents">
                    <div className="store-id-wrap">
                        <div className="store-id-box">
                            <div className="store-id-title">販売店ID / 販売店名</div>
                        </div>
                        <span className="store-arr"></span>
                        <div className="store-id-name">X174 / ナカザワ建販株式会社（その他 )</div>
                    </div>
                    <div className="main-search-wrap">
                        <div className="search-raido-wrap">
                            <div className="d-check-radio">
                                <input type="radio" name="radio01" id="ra01" />
                                <label htmlFor="ra01">物件番号</label>
                            </div>
                            <div className="d-check-radio">
                                <input type="radio" name="radio01" id="ra02" />
                                <label htmlFor="ra02">FAQ</label>
                            </div>
                        </div>
                        <div className="search-input-box">
                            <input type="text" className="main-search" placeholder="検索語を入力してください"/> 
                            <button className="search-icon"></button>
                        </div>
                    </div>
                    <MainContents/>
                </div>
            </div>
            <Footer/>

            {/* 비밀번호 변경팝업 */}
            <ChangePasswordPop/>
        </div>
    )
}