<!DOCTYPE html>
<html lang="pt-br">
  <head id="head-index">
    <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" />
    <link rel="icon" type="imagem/img" href="/img/aba.png" />
    <title>Cadastro</title>
  </head>
  <body id="body_cadastro">
    <header id="icon">
      <a id="pokedexid" href="/"><strong>POKEDEX</strong></a>
      <img src="/img/icone2.gif" width="150" alt="pokebola" />
      <img src="/img/pokedex.webp" width="300" alt="pokebola" />
      <img src="/img/icone2.gif" width="150" alt="pokebola" />
      <a id="pokedexid" href="/"><strong>POKEDEX</strong></a>
    </header>
    <section>
      <h1 id="cadastro1">CADASTRO DE POKEMONS</h1>
      <p id="cadastro2">Cadastre seu pokemon logo abaixo:</p>
    </section>

    <section id="cadastro">
      <form action="/new" method="POST">
        <div>
          <label for="numero">Número:</label>
          <input
            type="number"
            name="id"
            id="id"
            placeholder="Número do Pokemon"
            required
          />
        </div>
        <div>
          <label for="nome">Nome:</label>
          <input
            type="text"
            name="nome"
            id="nome"
            placeholder="Nome do Pokemon"
            required
          />
        </div>
        <div>
          <label for="tipo">Tipo:</label>
          <input
            type="text"
            name="tipo"
            id="tipo"
            placeholder="Tipo do Pokemon"
            required
          />
        </div>
        <div>
          <label for="imagem">Imagem:</label>
          <input
            type="url"
            name="imagem"
            id="imagem"
            placeholder="URL da imagem do Pokemon"
            required
          />
        </div>
        <div>
          <label for="descrição">Descrição:</label>
          <input
            type="text"
            name="descricao"
            id="descricao"
            placeholder="Descrição do Pokemon"
            required
          />
        </div>
        <div>
          <label for="altura">Altura:</label>
          <input
            type="float.number"
            name="altura"
            id="altura"
            placeholder="Altura do Pokemon"
            required
          />
        </div>
        <div>
          <label for="peso">Peso:</label>
          <input
            type="float.number"
            name="peso"
            id="peso"
            placeholder="Peso do Pokemon"
            required
          />
        </div>
        <div>
          <label for="categoria">Categoria:</label>
          <input
            type="text"
            name="categoria"
            id="categoria"
            placeholder="Categoria do Pokemon"
            required
          />
        </div>
        <div>
          <label for="habilidade">Habilidades:</label>
          <input
            type="text"
            name="habilidade"
            id="habilidade"
            placeholder="Habilidade do Pokemon"
            required
          />
        </div>
        <button type="submit" id="enviar">Enviar</button>
      </form>
    </section>
    <script src="/js/script.js"></script>
  </body>
</html>
