'use client'

import SingleDatePicker from "@/components/common/datepicker/SingleDatePicker";

export default function OneOnOneEditPop(){
    return(
        <div className="modal-popup">
            <div className="modal-dialog big">
                <div className="modal-content">
                    <div className="modal-header">
                        <h1 className="title">1:1お問い合わせ</h1>
                        <button className="modal-close">닫기</button>
                    </div>
                    <div className="modal-body">
                        <div className="modal-body-inner">
                            <div className="design-request-table">
                                <div className="common-table">
                                    <table>
                                        <colgroup>
                                            <col style={{width : '150px'}}/>
                                            <col />
                                            <col style={{width : '150px'}}/>
                                            <col />
                                        </colgroup>
                                        <tbody>
                                            <tr>
                                                <th>登録者</th>
                                                <td>佐藤一貴</td>
                                                <th>お問い合わせ登録日</th>
                                                <td>2025.04.21</td>
                                            </tr>
                                            <tr>
                                                <th>E-Mail</th>
                                                <td colSpan={3}>test@test.co.kr</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div className="design-request-grid">
                                <div className="design-request-count">
                                    <div className="design-request-grid-tit">お問い合わせ区分、お問い合わせタイトル <span className="red">*</span></div>
                                </div>
                                <div className="flx-box one-on-one">
                                    <div className="select-wrap mr5" >
                                        <select className="select-light" name="" id="">
                                            <option>お問い合わせ区分の選択</option>
                                        </select>
                                    </div>
                                    <div className="select-wrap mr5" >
                                        <select className="select-light" name="" id="">
                                            <option>お問い合わせ区分の選択</option>
                                        </select>
                                    </div>
                                    <div className="select-wrap" >
                                        <select className="select-light" name="" id="">
                                            <option>お問い合わせ区分の選択</option>
                                        </select>
                                    </div>
                                </div>
                                <div className="input-wrap mt5">
                                    <input type="text" className="input-light"/>
                                </div>
                            </div>
                            <div className="design-request-grid mt15">
                                <div className="design-request-count">
                                    <div className="design-request-grid-tit">お問い合わせ内容 <span className="red">*</span></div>
                                </div>
                                <div>
                                    <textarea className="textarea-form" name="" id=""></textarea>
                                </div>
                            </div>
                            <div className="design-request-grid mt15">
                                <div className="design-request-count">
                                    <div className="design-request-grid-tit">ファイル添付</div>
                                    <div className="btn-area one-on-one">
                                        <label className="file-upload" htmlFor="img">Attach File</label>
                                        <input type="file" name="" id="img" style={{display: 'none'}}/>
                                    </div>
                                </div>
                                <div className="drag-file-box one-on-one">
                                    <div className="drag-file-area">
                                        <p>Drag file here</p>
                                        <ul className="file-list">
                                            <li className="file-item"><span>選択したファイル名.pdf <button className="delete"></button></span></li>
                                            <li className="file-item"><span>選択したファイル名.jpg <button className="delete"></button></span></li>
                                        </ul>
                                    </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>
    )
}