69 lines
4.6 KiB
HTML
69 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html th:replace="~{modele-page :: layout('${articleDetailsTitle}',~{::link} , ~{::#container-main})}" xmlns:th="http://www.thymeleaf.org">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
</head>
|
|
<body>
|
|
<div id="container-main">
|
|
<div class="row mt-3">
|
|
<div class="col-md-6 offset-md-3">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 th:text="#{article.details.heading}"></h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<img th:src="@{'/images/articles/' + ${article.id} + '.jpg'}" alt="image-vente" class="img-thumbnail" style="width: 250px; height: auto;">
|
|
</div>
|
|
<div class="col-md-9 d-flex flex-column">
|
|
<div class="mt-2 d-flex flex-column align-items-center">
|
|
<h1 th:text="${article.nom}"></h1>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label" th:text="#{article.details.label.description}"></label></strong>
|
|
<span th:text="${article.desc}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label" th:text="#{article.details.label.seller}"></label></strong>
|
|
<span th:text="${username.pseudo}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label" th:text="#{article.details.label.category}"></label></strong>
|
|
<span th:text="${cate}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label" th:text="#{article.details.label.sale_price}"></label></strong>
|
|
<span th:text="${article.prixInitial}"></span>
|
|
</div>
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label" th:text="#{article.details.label.end_date}"></label></strong>
|
|
<span th:text="${article.dateFinEnch}"></span>
|
|
</div>
|
|
<!-- Rajouter une condition sur retrait pour l'afficher uniquement quand -->
|
|
<!-- la vente est gagné ET à l'utilisateur qui a remporté la vente-->
|
|
<div class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<strong><label class="col-form-label" th:text="#{article.details.label.pickup}"></label></strong>
|
|
<span th:text="${retrait} ? ${retrait.rue} + ' ' + ${retrait.code_postale} + ' ' + ${retrait.ville} : #{article.details.address.unknown}"></span>
|
|
</div>
|
|
<form th:action="@{/enchere/incEnchere}" method="post" th:object="${enchere}" class="mt-2 d-flex flex-row align-items-end justify-content-between">
|
|
<input type="hidden" id="articleId" name="articleId" th:value="${article.id}">
|
|
<label for="montantEnchere" th:text="#{article.details.label.amount}"></label>
|
|
<input type="number" th:field="*{montantEnchere}" id="montantEnchere" step="0.01" min="0">
|
|
<span style="color: red;" th:if="${#fields.hasErrors('montantEnchere')}">
|
|
<ul>
|
|
<li th:each="erreur: ${#fields.errors('montantEnchere')}" th:text="${erreur}"></li>
|
|
</ul>
|
|
</span>
|
|
<button type="submit" class="btn btn-primary" th:text="#{article.details.button.bid}"></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|