import ReactSelect from "@/components/common/reactselect/ReactSelect";

export default function EstimateCopyPop(){
    return(
        <div className="modal-popup">
            <div className="modal-dialog">
                <div className="modal-content">
                    <div className="modal-header">
                        <h1 className="title">見積もり </h1>
                        <button className="modal-close">닫기</button>
                    </div>
                    <div className="modal-body">
                        <div className="modal-body-inner ">
                            <div className="explane">見積書をコピーする販売店を設定します。見積もりは定価でコピーされます。</div>
                            <div className="estimate-copy-info-wrap">
                                <div className="estimate-copy-info-item">
                                    <div className="estimate-copy-info-tit">一次販売店名/ID <span className="red">*</span></div>
                                    <div className="estimate-copy-info-box">
                                        <div className="estimate-copy-sel">
                                            <ReactSelect/>
                                        </div>
                                        <div className="estimate-copy-id">201TES01</div>
                                    </div>
                                </div>
                                <div className="estimate-copy-info-item">
                                    <div className="estimate-copy-info-tit">二次販売店名/ID <span className="red">*</span></div>
                                    <div className="estimate-copy-info-box">
                                        <div className="estimate-copy-sel">
                                            <ReactSelect/>
                                        </div>
                                        <div className="estimate-copy-id">販売店ID</div>
                                    </div>
                                </div>
                                <div className="estimate-copy-info-item">
                                    <div className="estimate-copy-info-tit">担当者 <span className="red">*</span></div>
                                    <div className="input-wrap">
                                        <input type="text" className="input-light" defaultValue={'元の担当者名を表示'}/>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="footer-btn-wrap">
                            <button className="btn-origin grey mr5">閉じる</button>
                            <button className="btn-origin navy ">見積もり</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}