<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Ajout d'un type de produit</title>

    <link href="/css/main.css" rel="stylesheet"/>
    <link href="/css/forms.css" rel="stylesheet"/>
</head>
<body>

<section>
    <p class="error" th:text="${error}"></p>
    <h1>Ajout d'un type de produit</h1>

    <div class="form">
        <form action="/materialType/creator" class="requireAuth" method="POST">
            <table>
                <tr>
                    <td><label for="materialTypeName">Nom du type de produit: </label></td>
                    <td><input id="materialTypeName" name="materialTypeName" required type="text"></td>
                </tr>
                <tr>
                    <td><label for="prefix">Préfixe (3 caractères): </label></td>
                    <td><input id="prefix" maxlength="3" minlength="3" name="prefix" required type="text"></td>
                </tr>
                <tr>
                    <td><label for="usePercentages">Utiliser les pourcentages: </label></td>
                    <td><input id="usePercentages" name="usePercentages" type="checkbox"></td>
                </tr>
                <tr>
                    <td>
                        <button class="returnIndex" type="button">Retour</button>
                    </td>
                    <td>
                        <button type="submit">Enregistrer</button>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</section>

<script src="/js/main.js"></script>
</body>
</html>