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 Poll_Detail(){



    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><Link to={URL.SUPPORT_POLL}>설문조사</Link></li>
                        <li>설문조사 참여하기</li>
                    </ul>
                </div>
                {/* <!--// Location --> */}

                <div className="layout">

                    <div className="contents" id="contents">
                        {/* <!-- 본문 --> */}
                        <h1 className="tit_3">설문조사 참여하기</h1><div className="board_list BRD018">
                        <div className="head">
                            <span>설문조사명</span>
                            <span>건설기준 포털시스템 이용자 만족도 조사</span>
                        </div>
                        <div className="result">
                            <div className="list_item">
                                <div>목적</div>
                                <div>건설기준 포털시스템의 사용자 만족도를 조사하여 향후 시스템 개선에 반영</div>
                            </div>
                            <div className="list_item">
                                <div>첨부파일</div>
                                <div></div>
                            </div>
                            <div className="list_item">
                                <div>설문기간</div>
                                <div>2023-12-15 ~ 2023-12-29</div>
                            </div>
                        </div>

                        <div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} /> 건설기준 포털시스템 접속 목적(복수 응답 가능)</div>
                        <div className={"poll_title"}>1) 질문 문항입니다.</div>
                        <div className={"poll_answer"}><input type={"checkbox"} id={"c1"} /> <label htmlFor={"c1"}>국가건설기준코드 검색</label></div>
                        <div className={"poll_answer"}><input type={"checkbox"} id={"c2"} /> <label htmlFor={"c2"}>국가건설기준코드 검색</label></div>
                        <div className={"poll_answer"}><input type={"checkbox"} id={"c3"} /> <label htmlFor={"c3"}>국가건설기준코드 검색</label></div>
                        <div className={"poll_answer"}><input type={"checkbox"} id={"c4"} /> <label htmlFor={"c4"}>국가건설기준코드 검색</label></div>
                        <div className={"poll_answer"}><input type={"checkbox"} id={"c5"} /> <label htmlFor={"c5"}>국가건설기준코드 검색</label></div>
                        <div className={"poll_answer"}><input type={"checkbox"} id={"c6"} /> <label htmlFor={"c6"}>국가건설기준코드 검색</label></div>
                        <div className={"pt-4 ps-2"}>기타</div>
                        <div><textarea className={"w-100 h_50"}></textarea></div>

                        <div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />이용자 만족도</div>
                        <div className={"poll_title"}>건설기준 포털시스템의 만족도에 대한 설문 입니다. 귀하의 의견과 일치되는 곳에 'O' 표해 주십시오.</div>
                        <div className="board_list BRD019">
                            <div className="head">
                                <span>질문내용</span>
                                <span>매우만족</span>
                                <span>다소만족</span>
                                <span>보통</span>
                                <span>다소불만족</span>
                                <span>매우불만족</span>
                            </div>
                            <div className="result">
                                <div className="list_item">
                                    <div className={"text-center fw-bold"}>(정보제공)</div>
                                </div>
                                <div className="list_item">
                                    <div>(1) 업무와 관련된 정보를 제공하고 있습니까?</div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                </div>
                                <div className="list_item">
                                    <div>(2) 업무와 관련된 정보를 제공하고 있습니까?</div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                </div>
                                <div className="list_item">
                                    <div>(3) 업무와 관련된 정보를 제공하고 있습니까?</div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                </div>
                                <div className="list_item">
                                    <div className={"text-center fw-bold"}>(시스템 일반현황)</div>
                                </div>
                                <div className="list_item">
                                    <div>(1) 시스템의 응답속도는 만족하십니까?</div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                    <div><input type={"radio"}/></div>
                                </div>
                            </div>
                        </div>

                        <div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />건의사항 및 향후 발전방향</div>
                        <div className={"poll_title"}>건설기준 포털시스템에 개선이 필요한 부분이나 건의사항이 있으시면 기재해 주시기 바랍니다.</div>
                        <div><textarea className={"w-100 h_100"}></textarea></div>

                        <Row className={"py-3n"} >
                            <Col className={"text-center"}><Button type={"button"} className={"btn btn-22498E px-4"}  onClick={""} >설문조사 최종 참여하기</Button></Col>
                        </Row>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    );
}

export default Poll_Detail;