<!DOCTYPE html>
<html lang="pt-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 href="/css/style.css" rel="stylesheet" />
    <title>Cadastro de pokémons</title>
  </head>
  <body>
    <%- include('./partials/header.ejs') %>

    <main>
      <form method="post" action="/cadastro">
        <fieldset id="field_main">
          <legend>Cadastro de pokémons</legend>
          <fieldset>
            <input type="text" name="nome" />
            <label for="nome">Nome</label>
          </fieldset>

          <fieldset>
            <input type="text" name="descricao" />
            <label for="descricao">Descrição</label>
          </fieldset>

          <fieldset>
            <input type="text" name="tipo" />
            <label for="tipo">Tipo</label>
          </fieldset>

          <fieldset>
            <input type="url" name="imagem" />
            <label for="imagem">Imagem</label>
          </fieldset>

          <fieldset>
            <input type="text" name="altura" />
            <label for="altura">Altura</label>
          </fieldset>

          <fieldset>
            <input type="text" name="peso" />
            <label for="peso">Peso</label>
          </fieldset>

          <button type="submit">Enviar</button>
        </fieldset>
      </form>
    </main>

    <%- include('./partials/footer.ejs') %>
  </body>
</html>
