import Link from 'next/link'
import '@/styles/publishpage.scss'

export default function PublishList (){
  return(
    <div className="publish-list">
      <div className="p-header">
        <h1>Hanasys 현지조사</h1>
      </div>
      <div className="p-body">
        <div className="p-contents">
          <div className='p-guide'>
            <div className="p-guide-header">Publish Guide</div>
            <div className="p-guide-content">
              <p>※ className은 케밥 케이스 사용 <span>ex) "sample-class"</span></p>
              <p>※ img네이밍은 "_"로 사용, 번호 사용시 01, 02 와 같이 2자리 숫자 사용 <span>ex) "img_sample01"</span></p>
              <p>※ button, select, checkbox, radio... 등 기본 설정은 <span>InputCommon.jsx</span>에 정의된 내용만 사용 (icon버튼 제외)</p>
              <p>※ scss파일 생성시 "_"를 앞에 붙힌 후 생성, 또한 해당 카테고리에 적합한 폴더에 생성</p>
              <div className='p-guide-inputcommon'>
                <h3>기본 SetUp Input 모음</h3>
                <Link href={'/inputcommon'}>InputCommon.jsx</Link>
              </div>
            </div>
          </div>
          <div className='p-list-wrap'>
            <h2>Publish List</h2>
            <div className='p-list-table'>
              <table>
                <colgroup>
                  <col style={{width: '10%'}}/>
                  <col/>
                  <col style={{width: '20%'}}/>
                  <col style={{width: '13%'}}/>
                  <col style={{width: '20%'}}/>
                  <col style={{width: '13%'}}/>
                </colgroup>
                <thead>
                  <tr>
                    <th>Depth01</th>
                    <th>Depth02</th>
                    <th>파일명</th>
                    <th>비고</th>
                    <th>MarkUp</th>
                    <th>완료일</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Login</td>
                    <td>Login Page</td>
                    <td>
                      <Link href={'login'}>LoginPage.tsx</Link>
                    </td>
                    <td></td>
                    <td className='c'>
                      
                    </td>
                    <td className='c red'>2025/04/28</td>
                  </tr>
                  <tr>
                    <td>Main</td>
                    <td>Main Page</td>
                    <td>
                      <Link href={'main'}>MainPage.tsx</Link>
                    </td>
                    <td className='c'>
                      회원정보 팝업 포함
                    </td>
                    <td className='c red'>
                      <ul>
                        <li>2025/05/15</li>
                        <li>* 팝업 img태그 Image 컴포넌트 변환</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/04/29</td>
                  </tr>
                  <tr>
                    <td>Alert</td>
                    <td>Alert 모음</td>
                    <td>
                      <Link href={'alert'}>AlertPage.tsx</Link>
                    </td>
                    <td className='c'>
                      
                    </td>
                    <td className='c'>
                      
                    </td>
                    <td className='c red'>2025/04/29</td>
                  </tr>
                  <tr>
                    <td rowSpan={3}>매물</td>
                    <td>매물 목록</td>
                    <td>
                      <Link href={'sale/salelist'}>SaleListPage.tsx</Link>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c red'>2025/04/29</td>
                  </tr>
                  <tr>
                    <td>매물 상세</td>
                    <td>
                      <Link href={'sale/saledetail'}>SaleDetailPage.tsx</Link>
                    </td>
                    <td className='c'>
                      제출 팝업 포함
                    </td>
                    <td className='c red'>
                      {/* <ul>
                        <li>2025/05/15</li>
                        <li>* 상세 페이지 전체 재수정</li>
                        <li>* 제출 팝업 추가</li>
                        <li>* 팝업 img태그 Image 컴포넌트 변환</li>
                      </ul> */}
                      <ul>
                        <li>2025/05/23</li>
                        <li>* 제출 팝업 요소 변경</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/04/29</td>
                  </tr>
                  <tr>
                    <td>매물 신규등록</td>
                    <td>
                      <Link href={'sale/saleedit'}>SaleEditPage.tsx</Link>
                    </td>
                    <td className='c'>
                      <ul>
                        <li>주소 검색 팝업 포함</li>
                      </ul>
                    </td>
                    <td className='c red'>
                      <ul>
                        <li>2025/05/15</li>
                        <li>* 페이지 추가</li>
                        <li>* 팝업 img태그 Image 컴포넌트 변환</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/05/15</td>
                  </tr>
                  
                  <tr>
                    <td rowSpan={4}>1:1 문의</td>
                    <td>1:1 문의 목록</td>
                    <td>
                      <Link href={'inquiry/inquirylist'}>InquiryListPage.tsx</Link>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c red'>
                      <ul>
                        <li>2025/05/13</li>
                        <li>* 제목 변경 및 문의 유형 추가</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/04/30</td>
                  </tr>
                  <tr>
                    <td>1:1 문의 작성</td>
                    <td>
                      <Link href={'inquiry/inquirycreate'}>InquiryCreatePage.tsx</Link>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c red'>
                      <ul>
                        <li>2025/05/13</li>
                        <li>* 문의 유형 필드 및 연락처, 이름 필드 추가, 제목 변경</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/04/30</td>
                  </tr>
                  <tr>
                    <td>1:1 문의 상세</td>
                    <td>
                      <Link href={'inquiry/inquirydetail'}>InquiryDetailPage.tsx</Link>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c red'>
                      <ul>
                        <li>2025/05/13</li>
                        <li>* 이름, 연락처, 문의 유형 추가, 제목 변경</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/04/30</td>
                  </tr>
                  <tr>
                    <td>1:1 문의 상세 (답변)</td>
                    <td>
                      <Link href={'inquiry/inquiryanswer'}>InquiryAnswerPage.tsx</Link>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c red'>
                      <ul>
                        <li>2025/05/13</li>
                        <li>* 이름, 연락처, 문의 유형 추가, 제목 변경</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/04/30</td>
                  </tr>
                  <tr>
                    <td>비밀번호 변경</td>
                    <td>비밀번호 변경 페이지</td>
                    <td>
                      <Link href={'pwchange'}>PwChangePage.tsx</Link>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c red'>2025/04/30</td>
                  </tr>
                  <tr>
                    <td>지붕재 적합성</td>
                    <td>지붕재 적합성 페이지</td>
                    <td>
                      <Link href={'roofcompliance'}>RoofCompliancePage.tsx</Link>
                    </td>
                    <td className='c'>
                      지붕재 적합성 상세 팝업 포함
                    </td>
                    <td className='c red'>
                      <ul>
                        <li>2025/05/13</li>
                        <li>* Search Input 지우기 버튼 추가가</li>
                      </ul>
                      <ul className='mt5'>
                        <li>2025/05/15</li>
                        <li>* 팝업 img태그 Image 컴포넌트 변환</li>
                        <li>* 최하단 버튼 모음 float버튼 변환</li>
                      </ul>
                    </td>
                    <td className='c red'>2025/05/08</td>
                  </tr>
                  <tr>
                    <td>PDF 뷰어</td>
                    <td>PDF 뷰어 페이지</td>
                    <td>
                      <Link href={'pdfview'}>PDFView.tsx</Link>
                    </td>
                    <td className='c'>
                    </td>
                    <td className='c red'>
                    </td>
                    <td className='c red'>2025/05/19</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  )
} 