export default function FileDownOptionPop(){
    return(
        <div className="modal-popup">
            <div className="modal-dialog middle">
                <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="common-table">
                                <table>
                                    <colgroup>
                                        <col style={{width: '260px'}}/>
                                        <col />
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <th>ダウンロードファイル <span className="red">*</span></th>
                                            <td>
                                                <div className="form-flex-wrap">
                                                    <div className="d-check-box light mr10">
                                                        <input type="checkbox" id="ch16" />
                                                        <label htmlFor="ch16">見積もりExcel</label>
                                                    </div>
                                                    <div className="d-check-box light mr10">
                                                        <input type="checkbox" id="ch17" />
                                                        <label htmlFor="ch17">定価用Excel</label>
                                                    </div>
                                                    <div className="d-check-box light mr10">
                                                        <input type="checkbox" id="ch18" />
                                                        <label htmlFor="ch18">見積もりPDF</label>
                                                    </div>
                                                    <div className="d-check-box light ">
                                                        <input type="checkbox" id="ch19" />
                                                        <label htmlFor="ch19">定価用PDF</label>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>見積提出先表示名 <span className="red">*</span></th>
                                            <td>
                                                <div className="form-flex-wrap">
                                                    <div className="d-check-radio light mr10">
                                                        <input type="radio" name="radio02" id="ra03" />
                                                        <label htmlFor="ra03">販売店名</label>
                                                    </div>
                                                    <div className="d-check-radio light">
                                                        <input type="radio" name="radio02" id="ra04" />
                                                        <label htmlFor="ra04">案件名</label>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>架台重量表を含む <span className="red">*</span></th>
                                            <td>
                                                <div className="form-flex-wrap">
                                                    <div className="d-check-radio light mr10">
                                                        <input type="radio" name="radio03" id="ra05" />
                                                        <label htmlFor="ra05">含む</label>
                                                    </div>
                                                    <div className="d-check-radio light">
                                                        <input type="radio" name="radio03" id="ra06" />
                                                        <label htmlFor="ra06">含まない</label>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th>図面/シミュレーションファイルを含む</th>
                                            <td>
                                                <div className="form-flex-wrap">
                                                    <div className="d-check-radio light mr10">
                                                        <input type="radio" name="radio04" id="ra07" />
                                                        <label htmlFor="ra07">付属 </label>
                                                    </div>
                                                    <div className="d-check-radio light">
                                                        <input type="radio" name="radio04" id="ra08" />
                                                        <label htmlFor="ra08">含まない</label>
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </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>
    )
}