<!DOCTYPE html>
<html lang="fr" th:replace="~{modele-page :: layout('Ajouter un article',~{::link} , ~{::#container-main})}" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>
    <body>
        <div id="container-main">
            <h1>Nouvelle vente</h1>
            <form action="/articles/add" method="post" enctype="multipart/form-data">
                <!-- Nom de l'article -->
                <div>
                    <label for="nom">Article:</label>
                    <input type="text" id="nom" name="nom" required>
                </div>

                <!-- Description -->
                <div>
                    <label for="description">Description:</label>
                    <textarea id="description" name="description" required></textarea>
                </div>

                <!-- Catégorie -->
                <div>
                    <label for="categorie">Catégorie:</label>
                    <select id="categorie" name="categorie" required>
                        <option value="categorie1">Catégorie 1</option>
                        <option value="categorie2">Catégorie 2</option>
                        <!-- Ajoutez d'autres options si nécessaire -->
                    </select>
                </div>

                <!-- Photo -->
                <div>
                    <label for="photo">Photo de l'article:</label>
                    <input type="file" id="photo" name="photo" accept="image/jpeg" required>
                </div>

                <!-- Mise à prix -->
                <div>
                    <label for="prix">Mise à prix:</label>
                    <input type="number" id="prix" name="prix" min="0" required>
                </div>

                <!-- Date début enchère -->
                <div>
                    <label for="dateDebut">Date début enchère:</label>
                    <input type="date" id="dateDebut" name="dateDebut" min="<?php echo date('Y-m-d'); ?>" required>
                </div>

                <!-- Date fin enchère -->
                <div>
                    <label for="dateFin">Date fin enchère:</label>
                    <input type="date" id="dateFin" name="dateFin" required>
                </div>

                <!-- Lieu de retrait -->
                <h2>Retrait</h2>
                <div>
                    <label for="rue">Rue:</label>
                    <input type="text" id="rue" name="rue" required>
                </div>
                <div>
                    <label for="codePostal">Code postal:</label>
                    <input type="text" id="codePostal" name="codePostal" required>
                </div>
                <div>
                    <label for="ville">Ville:</label>
                    <input type="text" id="ville" name="ville" required>
                </div>

                <!-- Bouton Enregistrer -->
                <div>
                    <button type="submit">Enregistrer</button>
                </div>
            </form>
            <form th:action="@{/accueil}" method="post">
                <button type="submit">Annuler</button>
            </form>
        </div>
    </body>
</html>
