<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/head :: head}">
    <meta charset="UTF-8">
    <title>Too Easy</title>
</head>
<body>
<div th:replace="~{layout}">
    <div th:fragment="content">
        <section>
            <div class="container p-4 shadow bg-white rounded">
                <h1 class="mb-4" th:text="${titulo}"></h1>
                <form>
                    <div class="mb-3">
                        <input hidden="true" name="id" th:value="${commodity.id}" type="text">

                        <label class="form-label" for="tipoCommodity">Tipo</label>
                        <select class="form-select" id="tipoCommodity" th:field="${commodity.tipoCommodity}">
                            <option value="" selected="selected">Selecione...</option>
                            <option value="SACA_GRAOS">Grãos em sacas de 60kg</option>
                        </select>

                        <label class="form-label" for="descricao">Descricao</label>
                        <input class="form-control" id="descricao" name="descricao" th:value="${commodity.descricao}" type="text">

                        <label class="form-label" for="quantidade">Quantidade</label>
                        <input class="form-control autonumeric" id="quantidade" name="quantidade" th:value="${commodity.quantidade}" type="text">

                        <label class="form-label" for="preco">Preço</label>
                        <div class="input-group">
                            <span class="input-group-text">R$</span>
                            <input class="form-control autodecimal" id="preco" name="preco" th:value="${commodity.preco}" type="text"
                                   placeholder="0,00">
                        </div>

                        <label class="form-label" for="vencimentoPagamento">Vencimento do Pagamento</label>
                        <input class="form-control" id="vencimentoPagamento" name="vencimentoPagamento" th:value="${commodity.vencimentoPagamento}"
                               type="date">

                        <label class="form-label" for="dataLimiteEntrega">Data Limite da Entrega</label>
                        <input class="form-control" id="dataLimiteEntrega" name="dataLimiteEntrega" th:value="${commodity.dataLimiteEntrega}"
                               type="date">

                        <label class="form-label" for="cedulaProdutoRural">CPR</label>
                        <input class="form-control" id="cedulaProdutoRural" name="dataLimiteEntrega" th:value="${commodity.cedulaProdutoRural}"
                               type="file">

                    </div>
                    <button class="btn btn-dark" formmethod="post" th:formaction="@{/commodity}" type="submit">Salvar
                    </button>
                </form>
            </div>
        </section>
    </div>
</div>
</body>
</html>