<!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>
    <th:block layout:fragment="head-extra">
        <link rel="stylesheet" href="/css/board.css">
    </th:block>
</head>
<body>
<div 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-news"></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><a href="/business/intro">사업소개</a></li>
                            <li><a href="/careers/talent">인재채용</a></li>
                            <li class="active"><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="/bbs/owrainfo">오라인 소식</a></li>
                            <li><a href="/bbs/partnership">제휴문의</a></li>
                            <li><a href="/bbs/press">보도자료</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="@{/bbs/owrainfo/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="@{/bbs/owrainfo/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="@{/bbs/owrainfo(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>
