<!doctype html>
<html lang="ko"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout/default}">
<head>
    <title>사업진행현황 상세</title>
    <link rel="stylesheet" href="/css/board.css">
</head>
<body>
<div id="wrapper" layout:fragment="content">

    <!-- ======================== HEADER -->
    <header id="hd" class="sub"></header>

    <!-- ======================== CONTAINER -->
    <div id="container">
        <div id="container_wrapper">

            <!-- ========= SUB VISUAL + BREADCRUMB ========= -->
            <div id="sub_visual">
                <div class="sub-bg bg-status"></div>
                <div class="sub-tit-wrap">
                    <h2 class="sub-tit">사업진행현황</h2>
                    <p class="sub-desc">항상 고객사와 소통하는 오라인포</p>
                </div>

                <div id="sub_breadcrumb">
                    <div class="inner">
                        <ul class="breadcrumb">
                            <li>
                                <a href="/" class="bc-home" aria-label="홈으로 이동">
                                    <img src="/img/sub/ico_home.svg" alt="HOME">
                                </a>
                            </li>
                            <li class="bc-item bc-depth1">
                                <button class="bc-btn" type="button" aria-haspopup="listbox" aria-expanded="false">
                                    <span class="bc-label">사업소개</span>
                                    <span class="bc-arrow">
                                        <img src="/img/sub/ico_arrow.svg" alt="arrow">
                                    </span>
                                </button>
                                <ul class="bc-dropdown" role="listbox">
                                    <li><a href="/company/intro">회사소개</a></li>
                                    <li class="active"><a href="/business/intro">사업소개</a></li>
                                    <li><a href="/careers/talent">인재채용</a></li>
                                    <li><a href="/bbs/owrainfo">오라인</a></li>
                                </ul>
                            </li>
                            <li class="bc-item bc-depth2">
                                <button class="bc-btn" type="button" aria-haspopup="listbox" aria-expanded="false">
                                    <span class="bc-label">사업진행현황</span>
                                    <span class="bc-arrow">
                                        <img src="/img/sub/ico_arrow.svg" alt="arrow">
                                    </span>
                                </button>
                                <ul class="bc-dropdown" role="listbox">
                                    <li><a href="/business/b2b">B2B구매자금 솔루션</a></li>
                                    <li><a href="/business/pg">PG 시스템</a></li>
                                    <li><a href="/business/prepayment">선불 시스템</a></li>
                                    <li><a href="/business/payment">결제 솔루션</a></li>
                                    <li><a href="/business/sales">매출정산 솔루션</a></li>
                                    <li><a href="/business/delivery">배달대행 솔루션</a></li>
                                    <li class="active"><a href="/business/progress">사업진행현황</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- ========= SUB VISUAL + BREADCRUMB [e] ========= -->

            <!-- ========= SUB CONTENT [s] ========= -->
            <div class="sub_content">
                <div class="sub-section">
                    <div class="sub-inner">

                        <!-- SECTION 1 : 뷰 헤더 -->
                        <div class="board-view-head">
                            <p class="view-title" th:text="${bbs.title}"></p>
                            <div class="board-view-meta">
                                <span class="meta-item">
                                    <span class="material-symbols-outlined">calendar_today</span>
                                    <span th:text="${bbs.regDate}"></span>
                                </span>
                                <span class="meta-item">
                                    <span class="material-symbols-outlined">visibility</span>
                                    조회 <span th:text="${bbs.viewCnt}"></span>
                                </span>
                                <span class="meta-item">
                                    <span class="material-symbols-outlined">person</span>
                                    <span th:text="${bbs.name}"></span>
                                </span>
                            </div>
                        </div>

                        <!-- SECTION 2 : 본문 -->
                        <div class="board-view-body" th:utext="${bbs.body}"></div>

                        <!-- SECTION 3 : 이전글 / 다음글 -->
                        <div class="board-view-nav">
                            <div class="nav-item" th:if="${prev != null}">
                                <span class="nav-label">
                                    <span class="material-symbols-outlined">expand_less</span>이전글
                                </span>
                                <a th:href="@{/business/progress/view(id=${prev.id})}" th:text="${prev.title}" class="nav-link"></a>
                                <span class="nav-date" th:text="${prev.regDate}"></span>
                            </div>
                            <div class="nav-item" th:if="${prev == null}">
                                <span class="nav-label">
                                    <span class="material-symbols-outlined">expand_less</span>이전글
                                </span>
                                <a href="#" class="nav-link disabled">이전 게시물이 없습니다.</a>
                                <span class="nav-date"></span>
                            </div>
                            <div class="nav-item" th:if="${next != null}">
                                <span class="nav-label">
                                    <span class="material-symbols-outlined">expand_more</span>다음글
                                </span>
                                <a th:href="@{/business/progress/view(id=${next.id})}" th:text="${next.title}" class="nav-link"></a>
                                <span class="nav-date" th:text="${next.regDate}"></span>
                            </div>
                            <div class="nav-item" th:if="${next == null}">
                                <span class="nav-label">
                                    <span class="material-symbols-outlined">expand_more</span>다음글
                                </span>
                                <a href="#" class="nav-link disabled">다음 게시물이 없습니다.</a>
                                <span class="nav-date"></span>
                            </div>
                        </div>

                        <!-- SECTION 4 : 목록 버튼 -->
                        <div class="board-view-btn-wrap">
                            <a th:href="@{/business/progress(page=${currentPage}, searchType=${searchType}, keyword=${keyword})}" class="btn-list">
                                <span class="material-symbols-outlined">format_list_bulleted</span>
                                목록
                            </a>
                        </div>

                    </div>
                </div>
            </div>
            <!-- ========= SUB CONTENT [e] ========= -->

        </div>
    </div>
</div>
</body>
</html>
