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

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

import URL from 'constants/url';
import StandardCodeInfo from "../standardCode/info/StandardCodeInfo";

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

    const goToQna = () => {
        navigate('/support/list/KCSC-QA');
    };

    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>Q&A</li>
                    </ul>
                </div>
                {/* <!--// Location --> */}

                <div className="layout">
                    <div className="contents SITE_INTRO" id="contents">
                        {/* <!-- 본문 --> */}
                        <h1 className="tit_3">Q & A</h1>

                        <div className="card bg-fa">
                            <Row className="p-3">
                                <Col xs={"auto"} className="px-4"><img src="/assets/images/icon_qna.png" /></Col>
                                <Col xs={"auto"} className="">
                                    건설기준 포털시스템(국가건설기준센터)에서는 건설공사의 기술성, 환경성 향상 및 품질확보와 효율적인 공사 관리를 위한 건설기준(설계기준, 표준시방서, 전문시방서)을 제공하고 있습니다.<br />
                                    건설기준을 활용과정에서 각종 질의, 제안사항 등이 있으신 경우에는 본 질의지원 시스템을 적극 활용하여 주시기 바랍니다.
                                </Col>
                            </Row>
                        </div>
                        <div className="card bg-fa mt-4 ps-3">
                            <Row className="ps-3 py-3">
                                <Col xs={"auto"} className=""><img src="/assets/images/icon_chk.png" /></Col>
                                <Col xs={"auto"} className="">
                                    (질의처리 관련) 건설기준 관련단체와 협의가 필요한 경우 질의처리 기간이 2주 이상 소요될 수 있음을 양지하시기 바라며, 최대한 빠른 질의처리가 이루어질 수 있도록 노력하겠습니다.
                                </Col>
                            </Row>
                            <Row className="ps-3">
                                <Col xs={"auto"} className=""><img src="/assets/images/icon_chk.png" /></Col>
                                <Col xs={"auto"} className="">
                                    (건설기준 유권해석) 건설기준의 유권해석은 「건설기술진흥업무 운영규정(국토교통부 훈령)」제40조제2항제3호의 규정에 따라 해당 건설기준 소관부서(부처)에서 담당하도록 되어 있습니다.<br />
                                    따라서 우리 센터에서는 건설기준 관련 질의에 대한 검토 의견을 드릴 수는 있으나, 이 의견이 건설기준 유권해석은 아님을 양지하여 주시기 바랍니다.<br />
                                    건설기준에 대한 유권해석을 원하시는 경우에는 조금 불편하시더라도 국민신문고 등을 통해 해당 건설기준의 소관부서(부처)에 문의하여 주시기 바랍니다
                                </Col>
                            </Row>
                            <Row className="ps-3 py-3">
                                <Col xs={"auto"} className=""><img src="/assets/images/icon_chk.png" /></Col>
                                <Col xs={"auto"} className="">
                                    (민원공개 관련) ⌜공공기관의 정보공개에 관한 법률⌟ 제9조(비공개대상정보)에 따라 아래의 사항은 질의응답이나 민원공개가 제한됨을 알려드립니다..<br />
                                    * 성명·주민등록번호 등 개인에 관한 사항으로서 공개될 경우 사생활의 비밀 또는 자유를 침해할 우려가 있다고 인정되는 정보<br />
                                    * 불법적인 사유나 불편·부당한 수단을 동원하여 민원처리기관에 특정한 행위를 요구하는 경우<br />
                                    * 기타 질의자가 비공개를 요청하는 경우 등
                                </Col>
                            </Row>
                        </div>
                        <div className="text-center p-3 text-danger">
                            건설기준 포털시스템에서는 개인정보(개인 연락처, 이메일 등)를 수집하지 않습니다.<br />
                            질의 답변은 접수현황에서 확인하시기 바랍니다.
                        </div>
                        <div className="text-center p-3">
                            <Button className="btn-22498E py-4 px-5" onClick={goToQna}>질의 신청</Button>
                        </div>

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

export default QNA;