import React, { useState, useEffect, useCallback } from 'react';
import { Link, useLocation } from 'react-router-dom';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import Button from 'react-bootstrap/Button';
import * as EgovNet from 'api/egovFetch';
import URL from 'constants/url';

function EgovMain(props) {
    console.group("EgovMain");
    console.log("[Start] EgovMain ------------------------------");
    console.log("EgovMain [props] : ", props);

    const location = useLocation();
    console.log("EgovMain [location] : ", location);

	// eslint-disable-next-line no-unused-vars
    const [noticeBoard, setNoticeBoard] = useState();
	// eslint-disable-next-line no-unused-vars
    const [gallaryBoard, setGallaryBoard] = useState();
    const [noticeListTag, setNoticeListTag] = useState();
    const [gallaryListTag, setGallaryListTag] = useState();

    const retrieveList = useCallback(() => {
        console.groupCollapsed("EgovMain.retrieveList()");

        const retrieveListURL = '/cmm/main/mainPageAPI.do';
        const requestOptions = {
            method: "POST",
            headers: {
                'Content-type': 'application/json'
            },
            body: JSON.stringify()
        }

        EgovNet.requestFetch(retrieveListURL,
            requestOptions,
            (resp) => {

                setNoticeBoard(resp.result.notiList);
                setGallaryBoard(resp.result.galList);

                let mutNotiListTag = [];
                mutNotiListTag.push(<li key="0">검색된 결과가 없습니다.</li>); // 게시판 목록 초기값

                // 리스트 항목 구성
                resp.result.notiList.forEach(function (item, index) {
                    if (index === 0) mutNotiListTag = []; // 목록 초기화
                    mutNotiListTag.push(
                        <li key={item.nttId}>
                            <Link
                                to={{pathname: URL.INFORM_NOTICE_DETAIL}}
                                state={{
                                    nttId: item.nttId,
                                    bbsId: item.bbsId
                                }}
                            >
                                {item.nttSj}
                                <span>{item.frstRegisterPnttm}</span>
                            </Link>
                        </li>
                    );
                });
                setNoticeListTag(mutNotiListTag);

                let mutGallaryListTag = [];
                mutGallaryListTag.push(<li key="0">검색된 결과가 없습니다.</li>); // 게시판 목록 초기값

                // 리스트 항목 구성
                resp.result.galList.forEach(function (item, index) {
                    if (index === 0) mutGallaryListTag = []; // 목록 초기화
                    mutGallaryListTag.push(
                        <li key={index}>
                            <Link
                                to={{pathname: URL.INFORM_GALLERY_DETAIL}}
                                state={{
                                    nttId: item.nttId,
                                    bbsId: item.bbsId
                                }}
                            >
                                {item.nttSj}
                                <span>{item.frstRegisterPnttm}</span>
                            </Link>
                        </li>
                    );
                });
                setGallaryListTag(mutGallaryListTag);
            },
            function (resp) {
                console.log("err response : ", resp);
            }
        );
        console.groupEnd("EgovMain.retrieveList()");
    },[]);

    useEffect(() => {
        retrieveList();
    }, [retrieveList]);

    console.log("------------------------------EgovMain [End]");
    console.groupEnd("EgovMain");

    return (
        <div className="container P_MAIN">
            <div className="c_wrap">
                <div className="colbox">
                    <div className="left_col">
                        {/*<img src="/assets/images/img_simple_main.png" alt="단순 홈페이지 전자정부 국가건설기준센터의 경량환경 내부업무에 대한 최신 정보와 기술을 제공하고 있습니다." />*/}
                        <h3>건설기준코드 검색</h3>
                        <Row>
                            <Col xs={3}><a href="/standardCode/list/1010" title="공통코드" className={"mainbnt"}>공통코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/101011" title="공통코드" className={"mainbnt"}>지반코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/101014" title="공통코드" className={"mainbnt"}>구조코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/101017" title="공통코드" className={"mainbnt"}>내진코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102021" title="공통코드" className={"mainbnt"}>가설코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102024" title="공통코드" className={"mainbnt"}>교량코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102027" title="공통코드" className={"mainbnt"}>터널코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102029" title="공통코드" className={"mainbnt"}>공동구코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102031" title="공통코드" className={"mainbnt"}>설비코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102034" title="공통코드" className={"mainbnt"}>조경코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102041" title="공통코드" className={"mainbnt"}>건축코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102044" title="공통코드" className={"mainbnt"}>도로코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102047" title="공통코드" className={"mainbnt"}>철도코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102051" title="공통코드" className={"mainbnt"}>하천코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102054" title="공통코드" className={"mainbnt"}>댐코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102057" title="공통코드" className={"mainbnt"}>상수도코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102061" title="공통코드" className={"mainbnt"}>하수도코드</a></Col>
                            <Col xs={3}><a href="/standardCode/list/102067" title="공통코드" className={"mainbnt"}>농업기반코드</a></Col>
                        </Row>
                    </div>

                    {/*<div className="right_col">*/}
                    {/*    <div className="mini_board">*/}
                    {/*        <ul className="tab">*/}
                    {/*            <li><a href="#공지사항" className="on">공지사항</a></li>*/}
                    {/*            <li><a href="#갤러리">갤러리</a></li>*/}
                    {/*        </ul>*/}
                    {/*        <div className="list">*/}
                    {/*            <div className="notice">*/}
                    {/*                <h2 className="blind">공지사항</h2>*/}
                    {/*                <ul>*/}
                    {/*                    {noticeListTag}*/}
                    {/*                </ul>*/}
                    {/*                <Link to={URL.INFORM_NOTICE} className="more">더보기</Link>*/}
                    {/*            </div>*/}

                    {/*            <div className="gallary">*/}
                    {/*                <h2 className="blind">갤러리</h2>*/}
                    {/*                <ul>*/}
                    {/*                    {gallaryListTag}*/}
                    {/*                </ul>*/}
                    {/*                <Link to={URL.INFORM_GALLERY} className="more">더보기</Link>*/}
                    {/*            </div>*/}
                    {/*        </div>*/}
                    {/*    </div>*/}

                    {/*    <div className="banner">*/}
                    {/*        <Link to={URL.SUPPORT_DOWNLOAD} className="bn1">*/}
                    {/*            <strong>자료실</strong>*/}
                    {/*            <span>다양한 자료를<br />다운로드 받으실 수 있습니다.</span>*/}
                    {/*        </Link>*/}
                    {/*        <Link to={URL.ABOUT} className="bn2">*/}
                    {/*            <strong>국가건설기준센터</strong>*/}
                    {/*            <span>국가건설기준센터의<br />약도 등의 정보를 제공합니다.</span>*/}
                    {/*        </Link>*/}
                    {/*    </div>*/}
                    {/*</div>*/}
                </div>

                {/*<div className="banner_bot">*/}
                {/*    <div className="b1">*/}
                {/*        <div>*/}
                {/*            <h2>주요사업 소개</h2>*/}
                {/*            <p>국가건설기준센터가 제공하는<br />*/}
                {/*                주요 사업을 소개합니다.</p>*/}
                {/*        </div>*/}
                {/*        <Link to={URL.INTRO_WORKS}>자세히 보기</Link>*/}
                {/*    </div>*/}
                {/*    <div className="b2">*/}
                {/*        <div>*/}
                {/*            <h2>대표서비스 소개</h2>*/}
                {/*            <p>국가건설기준센터 실행환경의<br />*/}
                {/*                서비스 그룹에서 제공하는<br />*/}
                {/*                대표서비스입니다.</p>*/}
                {/*        </div>*/}
                {/*        <Link to={URL.INTRO_SERVICE}>자세히 보기</Link>*/}
                {/*    </div>*/}
                {/*    <div className="b3">*/}
                {/*        <div>*/}
                {/*            <h2>서비스 신청</h2>*/}
                {/*            <p>국가건설기준센터 경량환경<br />*/}
                {/*                홈페이지의 다양한 서비스를<br />*/}
                {/*                신청 하실 수 있습니다.</p>*/}
                {/*        </div>*/}
                {/*        <Link to={URL.SUPPORT_APPLY}>자세히 보기</Link>*/}
                {/*    </div>*/}
                {/*    <div className="b4">*/}
                {/*        <div>*/}
                {/*            <h2>일정 현황</h2>*/}
                {/*            <p>국가건설기준센터 경량환경<br />*/}
                {/*                홈페이지의 전체적인 일정<br />*/}
                {/*                현황을 조회하실 수 있습니다.</p>*/}
                {/*        </div>*/}
                {/*        <Link to={URL.INFORM}>자세히 보기</Link>*/}
                {/*    </div>*/}
                {/*</div>*/}
            </div>
        </div>

    );
}

export default EgovMain;