Menu

TOP Notice Topic Cord self-introduction Guide Lines

Manage

Login
Cord > Project_Bookmarket_따라하기 전체 다운로드
파일 목록
Project_Bookmarket_따라하기 > BookMarket/src/main/resources/templates/orderEdit.html Lines 116 | 6.6 KB
다운로드 

                        <html>
<head>
    <title>주문 정보</title>
    <link href="/BookMarket/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container py-4">
    <header class="pb-3 mb-4 border-bottom">
        <a href="/BookMarket/home" class="d-flex align-items-center text-body-emphasis text-decoration-none">
            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-book-half me-2" viewBox="0 0 16 16">
                <path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/>
            </svg>
            <span class="fs-4">BookMarket</span>
        </a>
    </header>

    <div class="container-fluid py-5">
        <h1 class="display-5 fw-bold">주문 정보</h1>
        <p class="col-md-8 fs-4">BookMarket</p>
    </div>

    <div class="row align-items-md-stretch">
        <div class="container col-md-10 py-5" style="background: #fafafe">
            <form th:object="${order}" action="/BookMarket/order/save" method="post">
                <input type="hidden" name="orderId" th:field="*{orderId}"/>
                <input type="hidden" name="shipping.id" th:field="*{shipping.id}"/>
                <div class="row text-left">
                    <strong>배송 주소</strong><br>
                    <div class="mb-3 row">
                        <label class="col-sm-2 control-label">성명</label>
                        <div class="col-sm-3">
                            <input type="text" name="shipping.name" th:field="*{shipping.name}">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label class="col-sm-2 control-label">국가</label>
                        <div class="col-sm-3">
                            <input type="text" name="shipping.address.country" th:field="*{shipping.address.country}">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label class="col-sm-2 control-label">우편번호</label>
                        <div class="col-sm-3">
                            <input type="text" name="shipping.address.zipcode" th:field="*{shipping.address.zipcode}">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label class="col-sm-2 control-label">주소</label>
                        <div class="col-sm-3">
                            <input type="text" name="shipping.address.addressname" th:field="*{shipping.address.addressname}">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label class="col-sm-2 control-label">상세 주소</label>
                        <div class="col-sm-3">
                            <input type="text" name="shipping.address.detailname" th:field="*{shipping.address.detailname}">
                        </div>
                    </div>
                    <div class="mb-3 row">
                        <label class="col-sm-2 control-label">배송일</label>
                        <div class="col-sm-3">
                            <input type="text" name="shipping.date" th:field="*{shipping.date}">
                        </div>
                    </div>
                </div>
                <div class="row text-left">
                    <address>
                        <strong>청구 주소</strong><br>
                        성명: [[${order.customer.name}]] <br>
                        우편번호: [[${order.customer.address.zipcode}]] <br>
                        주소: [[${order.customer.address.addressname}]] [[${order.customer.address.detailname}]] ([[${order.customer.address.country}]])<br>
                        HP: [[${order.customer.phone}]]<br>
                    </address>
                </div>
                <div class="row py-2">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>도서</th>
                                <th>수량</th>
                                <th class="text-center">가격</th>
                                <th class="text-center">소계</th>
                            </tr>
                        </thead>
                        <tbody>
                            <div th:each="cartItem:${order.orderItems}">
                                <tr>
                                    <td>
                                        <em th:each="book:${bookList}" th:if="${ #strings.equals(book.bookId, cartItem.value.bookId)}">[[${book.name}]]</em>
                                    </td>
                                    <td style="text-align:center">[[${cartItem.value.quantity}]]</td>
                                    <td class="text-center">
                                        <span th:each="book:${bookList}" th:if="${ #strings.equals(book.bookId, cartItem.value.bookId)}"> [[${book.unitPrice}]]원</span>
                                    </td>
                                    <td class="text-center"> [[${cartItem.value.totalPrice}]]원</td>
                                </tr>
                            </div>
                            <tr>
                                <td></td>
                                <td></td>
                                <td class="text-right"><h5><strong>총액: </strong></h5></td>
                                <td class="text-center text-danger"><h4><strong>[[${order.grandTotal}]]</strong></h4></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="container col-md-12 py-3">
                    <a href="/BookMarket/order/list" class="btn btn-secondary" role="button">주문목록</a>
                    <button type="submit" class="btn btn-info">수정</button>
                    <a th:href="@{'/order/delete/' + ${order.orderId}}" class="btn btn-danger" role="button">삭제</a>
                </div>
            </form>
        </div>
    </div>
</body>
</html>