export default function CircuitStandSecondTab02(){
    return(
        <div className="properties-setting-wrap outer">
            <div className="setting-tit">回路割り当て</div>
            <div className="module-table-box mb10">
                <div className="module-table-inner">
                    <div className="bold-font mb10">手動回路割当</div>
                    <div className="normal-font mb15">同じ回路のモジュールを選択状態にした後、 [番号確認]ボタンを押すと番号が割り当てられます。</div>
                    <div className="roof-module-table overflow-y">
                        <table>
                            <thead>
                                <tr>
                                    <th>屋根面</th>
                                    <th>回路</th>
                                    <th>Q.TRON M-G2</th>
                                    <th>発電量 (kW)</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td className="al-c">M 1</td>
                                    <td className="al-c">回路01</td>
                                    <td className="al-r">8</td>
                                    <td className="al-r">3,440</td>
                                </tr>
                                <tr className="wrong">
                                    <td className="al-c">合計</td>
                                    <td className="al-c">回路01</td>
                                    <td className="al-r">8</td>
                                    <td className="al-r">3,440</td>
                                </tr>
                                <tr>
                                    <td className="al-c">合計</td>
                                    <td className="al-c">回路01</td>
                                    <td className="al-r">8</td>
                                    <td className="al-r">3,440</td>
                                </tr>
                                <tr>
                                    <td className="al-c">合計</td>
                                    <td className="al-c">回路01</td>
                                    <td className="al-r">8</td>
                                    <td className="al-r">3,440</td>
                                </tr>
                                <tr>
                                    <td className="al-c">合計</td>
                                    <td className="al-c">回路01</td>
                                    <td className="al-r">8</td>
                                    <td className="al-r">3,440</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div className="module-table-box mb10">
                <div className="module-table-inner">
                    <div className="hexagonal-wrap">
                        <div className="hexagonal-item">
                            <div className="bold-font">選択したパワーコンディショナー</div>
                        </div>
                        <div className="hexagonal-item">
                            <div className="d-check-radio pop mb10">
                                <input type="radio" name="radio01" id="ra01" />
                                <label htmlFor="ra01">HQJP-KA55-5 (標準回路2枚～10枚)</label>
                            </div>
                            <div className="d-check-radio pop mb10">
                                <input type="radio" name="radio01" id="ra02" />
                                <label htmlFor="ra02">HQJP-KA55-5 (標準回路2枚～10枚)</label>
                            </div>
                            <div className="d-check-radio pop">
                                <input type="radio" name="radio01" id="ra03" />
                                <label htmlFor="ra03">HQJP-KA55-5 (標準回路2枚～10枚)</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div className="slope-wrap">
                <div className="circuit-right-wrap mb15">
                    <div className="outline-form">
                        <span className="mr10" style={{width: 'auto'}}>設定する回路番号 (1~)</span>
                        <div className="input-grid mr5" style={{width: '70px'}}>
                            <input type="text" className="input-origin block" />
                        </div>
                        <button className="btn-frame roof">番号確定</button>
                    </div>
                </div>
                <div className="circuit-right-wrap">
                    <button className="btn-frame roof mr5">選択されたパワーコンディショナーの回路番号の初期化</button>
                    <button className="btn-frame roof mr5">すべての回路番号の初期化</button>
                </div>
            </div>
        </div>
    )
}