import React, { useState } from 'react';
import {Link, useLocation, useNavigate} from 'react-router-dom';
import * as EgovNet from 'api/egovFetch';
import URL from "constants/url";

import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
import Button from "react-bootstrap/Button";

function CodeEng(){
    const navigate = useNavigate();

    const goToDown = () => {
        // navigate('/support/create/KCSC-QA');
        alert('다운로드 진행중입니다.')           // 추후 삭제해주세요.
    };


    return (
        <div className="container">
            <div className="c_wrap">
                {/* <!-- Location --> */}
                <div className="location">
                    <ul>
                        <li><Link to={URL.MAIN} className="home" >Home</Link></li>
                        <li><Link to={URL.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
                        <li>영문 건설기준</li>
                    </ul>
                </div>
                {/* <!--// Location --> */}

                <div className="layout">
                    <div className="contents QNA_LIST" id="contents">
                        {/* <!-- 본문 --> */}
                        <h1 className="tit_3">영문 건설기준</h1>

                        {/* <!-- 영문건설기준 안내 --> */}
                        <div className="condition2">
                            <ul>
                                <li className="">
                                    - 건설산업의 해외진출 시 참고자료로 활용 할 수 있도록 영문 건설기준을 단계적으로 제공 할 예정입니다.
                                </li>
                                <li className="">
                                    - 영문 건설기준은 영문화 시점에서의 국문 건설기준을 번역한 것으로 현행 국문 건설기준의 최신 내용을 반영하지 못한 부분이 있음을 알려드리오니, 영문화된 건설기준 활용 시 유의하여 주시기 바랍니다.
                                </li>
                                <li className="">
                                    - 그리고, 법령, 표준 등의 영문 명칭과 건설용어 등은 검토와 협의를 통해 수정하고 있으며 이를 비롯하여 영문 건설기준에 대한 의견을 남겨주시면 검토 후 반영할 수 있도록 하겠습니다.
                                </li>
                            </ul>
                        </div>

                        <div className={"text-end w-100 py-3 fw-bold"}> 대표메일 : kcsc@kict.re.kr</div>

                        {/* <!-- 게시판목록 --> */}
                        <div className="board_list BRD014">
                            <div className="head">
                                <span>기준명</span>
                                <span>설계기준(KDS)</span>
                                <span>표준시방서(KCS)</span>
                            </div>
                            <div className="result">
                                {/* <!-- case : 데이터 없을때 --> */}
                                {/* <p className="no_data" key="0">검색된 결과가 없습니다.</p> */}

                                {/* <!-- case : 데이터 있을때 --> */}
                                <Row className="list_item1">
                                    <div>공통 (KDS 10 00 00)</div>
                                    <div className="">
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
                                    </div>
                                    <div>
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
                                    </div>
                                </Row>
                                <Row className="list_item1">
                                    <div>지반 (KDS 11 00 00)</div>
                                    <div className="">
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(콘크리트 구조))</Button>
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(강구조))</Button>
                                    </div>
                                    <div>
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
                                    </div>
                                </Row>
                                <Row className="list_item1">
                                    <div>구조 (KDS 14 00 00)</div>
                                    <div className="">
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
                                    </div>
                                    <div>
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(콘크리트 구조))</Button>
                                        <Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(강구조))</Button>
                                    </div>
                                </Row>
                            </div>
                        </div>
                        {/* <!--// 게시판목록 --> */}

                        {/* <!--// 본문 --> */}
                    </div>
                </div>
            </div>
        </div>
    );
}

export default CodeEng;