<!DOCTYPE html>
<html lang="pr-br">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/css/style.css" />
    <title>Editar Produto</title>
  </head>

  <body>
    <div class="prod-cat-back-link">
      <button><a class="upcp-catalogue-link" href="/">« Voltar</a></button>
    </div>
    <% if(message !="" ) { %>
    <section id="message">
      <p><%= message %></p>
      <span id="close">&times;</span>
    </section>
    <% } %> <% if(kimono != null) { %>

    <section id="editar">
      <form action="/editar/<%= kimono.id %>" method="POST">
        <div class="label-float">
          <label for="nome">Nome: </label>
          <input
            type="text"
            name="nome"
            id="nome"
            placeholder="Digite o nome"
            value="<%= kimono.nome %>"
            required
          />
        </div>
        <div class="label-float">
          <label for="tamanho">Tamanho: </label>
          <input
            type="text"
            name="tamanho"
            id="tamanho"
            placeholder="Digite o tamanho"
            value="<%= kimono.tamanho %>"
            required
          />
        </div>
        <div class="label-float">
          <label for="cor">Cor: </label>
          <input
            type="text"
            name="cor"
            id="cor"
            placeholder="Digite a Cor"
            value="<%= kimono.cor %>"
            required
          />
        </div>
        <div class="label-float">
          <label for="preco">Preço:</label>
          <input
            type="text"
            name="preco"
            id="preco"
            placeholder="Digite o Valor"
            value="<%= kimono.preco %>"
            required
          />
        </div>
        <div class="label-float">
          <label for="imagem">Imagem: </label>
          <input
            type="text"
            name="imagem"
            id="imagem"
            placeholder="Digite a URL"
            value="<%= kimono.imagem %>"
            required
          />
        </div>
        <button type="submit">Editar</button>
      </form>
    </section>
    <% } %>

    <footer>
      <img src="/img/imagem.jpg" class="logo" alt="" width="100" />
    </footer>

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