'use client'

export default function DetailForm() {
  return (
    <>
      <div className="sale-frame">
        <div className="data-form-wrap">
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">担当者名</div>
            <input type="text" className="input-frame" disabled defaultValue={'HG'} />
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">販売店</div>
            <input type="text" className="input-frame" disabled defaultValue={'HWJ(T01)'} />
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">施工店</div>
            <input type="text" className="input-frame" disabled defaultValue={'施工点名表示'} />
          </div>
        </div>
      </div>

      <div className="sale-frame">
        <div className="data-form-wrap">
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">現地調査日</div>
            <input type="text" className="input-frame" disabled defaultValue={'2025/04/05'} />
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">建物名</div>
            <input type="text" className="input-frame" disabled defaultValue={'ハンファジャパンビル'} />
          </div>
          <div className="data-input-form-bx">
            <div className="data-input-form-tit">顧客名</div>
            <input type="text" className="input-frame" disabled defaultValue={'Hong gi'} />
          </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 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 n-blue icon">
              削除<i className="btn-arr"></i>
            </button>
          </div>
        </div>
      </div>
    </>
  )
}