import Image from "next/image";

export default function SaleSubmitPop() {
  return(
    <div className="modal-popup">
      <div className="modal-dialog">
        <div className="modal-content">
          <div className="modal-header">
            <div className="modal-header-inner">
              <div className="modal-name-wrap">
                <div className="modal-img">
                  <Image src="/assets/images/layout/modal_header_icon04.svg" width={19} height={22} alt="" />
                </div>
                <div className="modal-name">調査物件の提出</div>
              </div>
              <button className="modal-close"></button>
            </div>
          </div>
          <div className="modal-body">
            <div className="data-form-wrap">
              <div className="data-input-form-bx">
                <div className="data-input-form-tit">提出販売店 <i className="import">*</i></div>
                <div className="data-input">
                  <input className="input-frame" type="text" defaultValue={'Interplug'} disabled/>
                </div>
              </div>
              <div className="data-input-form-bx">
                <div className="data-input-form-tit">発送者 <i className="import">*</i></div>
                <div className="data-input">
                  <input className="input-frame" type="text" defaultValue={'HG@interplug2.co.kr'} disabled/>
                </div>
              </div>
              <div className="data-input-form-bx">
                <div className="data-input-form-tit">受信者 <i className="import">*</i></div>
                <div className="data-input">
                  <input className="input-frame" type="text" defaultValue={'GI@Interplug.co.kr, Kim@interplug.co.kr'} disabled/>
                </div>
              </div>
              <div className="data-input-form-bx">
                <div className="data-input-form-tit">参考 </div>
                <div className="data-input">
                  <input className="input-frame" type="text" defaultValue={'KimG@Interplug.co.kr'} disabled/>
                </div>
              </div>
              <div className="data-input-form-bx">
                <div className="data-input-form-tit">タイトル <i className="import">*</i></div>
                <div className="data-input">
                  <input className="input-frame" type="text" defaultValue={'[HANASYS現地調査] 調査物件が提出.'} disabled/>
                </div>
              </div>
              <div className="data-input-form-bx">
                <div className="data-input-form-tit">内容 <i className="import">*</i></div>
                <div className="data-input">
                  <textarea className="textarea-form" name="" id="" defaultValue={'漏れの兆候があるため、正確な点検が必要です.'} disabled></textarea>
                </div>
              </div>
            </div>
            <div className="btn-flex-wrap">
              <div className="btn-bx">
                <button className="btn-frame n-blue icon">じる<i className="btn-arr"></i></button>
              </div>
              <div className="btn-bx">
                <button className="btn-frame red icon">転送<i className="btn-arr"></i></button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
}