import Qselect from "@/components/common/select/Qselect";

const SelectOption01 = [
    {name: '0',}, {name: '0'}, {name: '0'}, {name: '0'}
]


export default function CircuitStandTab03({setTabNum}){
    return(
        <>
            <div className="properties-setting-wrap outer">
                <div className="setting-tit">昇圧設定</div>
                <div className="circuit-overflow">
                    <div className="module-table-box mb10">
                        <div className="module-table-inner">
                            <div className="mb-box">
                                <div className="circuit-table-tit">HQJP-KA55-5</div>
                                <div className="roof-module-table overflow-y">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>シリアル枚数</th>
                                                <th>総回路数</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div className="circuit-table-flx-wrap">
                                <div className="circuit-table-flx-box">
                                    <div className="bold-font mb10">接続する</div>
                                    <div className="roof-module-table mb10">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th style={{width: '140px'}}>名称</th>
                                                    <th>回路数</th>
                                                    <th>昇圧回路数</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div className="bottom-wrap">
                                        <div className="circuit-right-wrap mb10">
                                            <button className="btn-frame self mr5">追加</button>
                                        </div>
                                        <div className="circuit-data-form">
                                            <span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
                                        </div>
                                    </div>
                                </div>
                                <div className="circuit-table-flx-box">
                                    <div className="bold-font mb10">昇圧オプション</div>
                                    <div className="roof-module-table mb10">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>名称</th>
                                                    <th>昇圧回路数</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td className="al-c">-</td>
                                                    <td className="al-c">-</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">-</td>
                                                    <td className="al-c">-</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div className="bottom-wrap">
                                        <div className="circuit-right-wrap mb10">
                                            <button className="btn-frame self mr5">追加</button>
                                        </div>
                                        <div className="circuit-data-form">
                                            <span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="circuit-count-input">
                                <span className="normal-font">綿調道区分</span>
                                <div className="input-grid mr5" style={{width: '40px'}}>
                                    <input type="text" className="input-origin block" />
                                </div>
                                <span className="normal-font">回路</span>
                                <span className="normal-font">(二重昇圧回路数</span>
                                <div className="input-grid mr5" style={{width: '40px'}}>
                                    <input type="text" className="input-origin block" />
                                </div>
                                <span className="normal-font">回路)</span>
                            </div>
                        </div>
                    </div>
                    <div className="module-table-box mb10">
                        <div className="module-table-inner">
                            <div className="mb-box">
                                <div className="circuit-table-tit">HQJP-KA55-5</div>
                                <div className="roof-module-table overflow-y">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>シリアル枚数</th>
                                                <th>総回路数</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div className="circuit-table-flx-wrap">
                                <div className="circuit-table-flx-box">
                                    <div className="bold-font mb10">接続する</div>
                                    <div className="roof-module-table mb10">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th style={{width: '140px'}}>名称</th>
                                                    <th>回路数</th>
                                                    <th>昇圧回路数</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div className="bottom-wrap">
                                        <div className="circuit-right-wrap mb10">
                                            <button className="btn-frame self mr5">追加</button>
                                        </div>
                                        <div className="circuit-data-form">
                                            <span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
                                        </div>
                                    </div>
                                </div>
                                <div className="circuit-table-flx-box">
                                    <div className="bold-font mb10">昇圧オプション</div>
                                    <div className="roof-module-table mb10">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>名称</th>
                                                    <th>昇圧回路数</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td className="al-c">-</td>
                                                    <td className="al-c">-</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">-</td>
                                                    <td className="al-c">-</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div className="bottom-wrap">
                                        <div className="circuit-right-wrap mb10">
                                            <button className="btn-frame self mr5">追加</button>
                                        </div>
                                        <div className="circuit-data-form">
                                            <span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="circuit-count-input">
                                <span className="normal-font">綿調道区分</span>
                                <div className="input-grid mr5" style={{width: '40px'}}>
                                    <input type="text" className="input-origin block" />
                                </div>
                                <span className="normal-font">回路</span>
                                <span className="normal-font">(二重昇圧回路数</span>
                                <div className="input-grid mr5" style={{width: '40px'}}>
                                    <input type="text" className="input-origin block" />
                                </div>
                                <span className="normal-font">回路)</span>
                            </div>
                        </div>
                    </div>
                    <div className="module-table-box ">
                        <div className="module-table-inner">
                            <div className="mb-box">
                                <div className="circuit-table-tit">HQJP-KA55-5</div>
                                <div className="roof-module-table overflow-y">
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>シリアル枚数</th>
                                                <th>総回路数</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                            <tr>
                                                <td className="al-r">10</td>
                                                <td className="al-r">0</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div className="circuit-table-flx-wrap">
                                <div className="circuit-table-flx-box">
                                    <div className="bold-font mb10">接続する</div>
                                    <div className="roof-module-table mb10">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th style={{width: '140px'}}>名称</th>
                                                    <th>回路数</th>
                                                    <th>昇圧回路数</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">KTN-CBD4C</td>
                                                    <td className="al-r">4</td>
                                                    <td className="al-r">0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div className="bottom-wrap">
                                        <div className="circuit-right-wrap mb10">
                                            <button className="btn-frame self mr5">追加</button>
                                        </div>
                                        <div className="circuit-data-form">
                                            <span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
                                        </div>
                                    </div>
                                </div>
                                <div className="circuit-table-flx-box">
                                    <div className="bold-font mb10">昇圧オプション</div>
                                    <div className="roof-module-table mb10">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>名称</th>
                                                    <th>昇圧回路数</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td className="al-c">-</td>
                                                    <td className="al-c">-</td>
                                                </tr>
                                                <tr>
                                                    <td className="al-c">-</td>
                                                    <td className="al-c">-</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div className="bottom-wrap">
                                        <div className="circuit-right-wrap mb10">
                                            <button className="btn-frame self mr5">追加</button>
                                        </div>
                                        <div className="circuit-data-form">
                                            <span className="normal-font">HQJP-KA40-5<button className="del"></button></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="circuit-count-input">
                                <span className="normal-font">綿調道区分</span>
                                <div className="input-grid mr5" style={{width: '40px'}}>
                                    <input type="text" className="input-origin block" />
                                </div>
                                <span className="normal-font">回路</span>
                                <span className="normal-font">(二重昇圧回路数</span>
                                <div className="input-grid mr5" style={{width: '40px'}}>
                                    <input type="text" className="input-origin block" />
                                </div>
                                <span className="normal-font">回路)</span>
                            </div>
                        </div>
                    </div>
                </div> 
                <div className="slope-wrap">
                    <div className="outline-form">
                        <span className="mr10" style={{width: 'auto'}}>モニターの選択</span>
                        <div className="grid-select mr10">
                            <Qselect title={'電力検出ユニット (モニター付き)'} option={SelectOption01}/>
                        </div>
                    </div>
                </div>
            </div>
            <div className="grid-btn-wrap">
                <button className="btn-frame modal mr5" onClick={() => setTabNum(2)}>以前</button>
                <button className="btn-frame modal act">保存 (仮割り当て)</button>
            </div>
        </>
    )
}