<html layout:decorate="~{layout}">
<head>
<style>
.Ere_btn_register {
float: right;
margin: 0;
padding: 0px;
width: 95px;
width: 100px;
margin-right: 10px;
}
.a_comment_top {
margin-right: auto;
padding-top: 50px;
padding-bottom: 5px;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.formation-item d-flex {
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 0.25rem;
}
ul {
list-style-type: none;
}
textarea {
resize: none; /* 드래그 기능을 없앰 */
}
</style>
</head>
<div layout:fragment="content">
<div class="pb-3 mb-3 link-body-emphasis text-decoration-none border-bottom" style="width: 100%;">
<div class="formation-item d-flex" style="padding-top:5px;">
게시글 제목 / 판매자
</div>
</div>
<div class="bt_section">
<div class="book_top-section">
<div class="book_left-side">
<div style="width:400px; height:600px;">
<svg class="bd-placeholder-img card-img-top" width="400px" height="600px"
xmlns="http://www.w3.org/2000/svg" role="img"
aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice"
focusable="false">
<title>이벤트</title>
<rect width="400px" height="600px" fill="#55595c"/>
<text x="25%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text>
</svg>
</div>
</div>
<div class="center-detail">
<div>
<div class="card my-3">
<div class="card-body">
책 제목:
<div class="card-text" style="white-space: pre-line;" th:text="${book.subject}"></div>
출판사 :
<div class="card-text" style="white-space: pre-line;" th:text="${book.publisher}"></div>
책 소개:
<div class="card-text" style="white-space: pre-line;" th:text="${book.bookIntroduce}"></div>
</div>
</div>
</div>
<div>
<div class="card my-3">
<div class="card-body">
가격
<div class="card-text" style="white-space: pre-line;" th:text="${book.price}"></div>
</div>
</div>
<div class="card my-3">
<div class="card-body">
할인율
<div class="card-text" style="white-space: pre-line;" th:text="${book.discount}"></div>
</div>
</div>
</div>
</div>
<div class="book_right-side">
구매 창 예정
<div style="margin-bottom:5px">
<a class="btn btn-sm btn-primary" style="width: 150px">바로구매</a>
</div>
<div style="margin-bottom:5px">
<a th:href="@{|/cartitem/add/${book.id}|}" onclick="return confirm('장바구니에 추가 하시겠습니까?')" class="btn btn-sm btn-primary" style="width: 150px">장바구니 담기</a>
</div>
<div>
<a th:href="@{|/wish/add/${book.id}|}" onclick="return confirm('찜 목록에 추가 하시겠습니까?')" class="btn btn-sm btn-primary" style="width: 150px">찜 하기</a>
</div>
</div>
</div>
<div class="book_middle-section">
<div id="header" class="book_navbar header-scrolled text-black bg-light">
<div class="book_nav-container">
<div class="card-body btn btn-light">
도서정보
</div>
<div class="card-body btn btn-light">
리뷰
</div>
<div class="card-body" style="font-size:20px; color: red;">
<div class="card-text" style="white-space: pre-line;" th:text="${book.price + ' 원'}"></div>
</div>
<div style="margin-bottom:5px" class="justify-content-end">
<a class="btn btn-sm btn-primary" style="width: 100px; margin-right:10px;">바로구매</a>
<a class="btn btn-sm btn-primary" style="width: 120px;">장바구니 넣기</a>
</div>
</div>
</div>
<div class="book_info">
<div class="formation-item d-flex" style="padding-top:5px;">
<article class="blog-post">
<h2 class="display-5 link-body-emphasis mb-1">Sample blog post</h2>
<p class="blog-post-meta">January 1, 2021 by <a href="#">Mark</a></p>
<p>This blog post shows a few different types of content that’s supported and styled with Bootstrap. Basic typography, lists, tables, images, code, and more are all supported as expected.</p>
<hr>
<p>This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.</p>
<h2>Blockquotes</h2>
<p>This is an example blockquote in action:</p>
<blockquote class="blockquote">
<p>Quoted text goes here.</p>
</blockquote>
<p>This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.</p>
<h3>Example lists</h3>
<p>This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout. This is an example unordered list:</p>
</article>
</div>
</div>
<div class="book_bottom-section">
<div class="justify-content-end" style="margin-bottom:5px">
<form th:action="@{|/review/create/${book.id}|}" method="post">
<textarea name="content" id="content" cols="50" rows="3"></textarea>
<div class="btn btn-sm btn-primary">
<input class="btn btn-sm btn-primary" style="width: 100px; margin-right:10px;"
type="submit" value="리뷰등록">
</div>
</form>
</div>
<div class="a_comment_top">
<ul th:each="review : ${reviewList}">
<li th:text="${review.content}"></li>
</ul>
<a th:href="@{|/review/delete/${book.id}|}"
class="btn btn-sm btn-primary" style="width: 100px; margin-right:10px;"
th:text="삭제">
</a>
</div>
</div>
</div>
</div>
</div>
</html>
good