<!DOCTYPE html>
<html lang="pt">
  <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" />
    <link rel="shortcut icon" href="https://assets.pokemon.com/static2/_ui/img/favicon.ico" />
    <title>Pokédex - Detalhes</title>
  </head>
  <body>
    <%- include("./partials/header.ejs") %>
    <main>
      <section id="detalhes">
        <h1 id="nome_detalhes"><%= pokemon.nome %></h1>
        <img id="img_detalhes" src="<%=pokemon.imagem%>" alt="" />
        <table>
          <thead>
            <th colspan="2">Detalhes</th>
          </thead>
          <tbody>
            <tr>
              <tr></tr>
              <td class="indice">Descrição</td>
              <tr>
                <td><%= pokemon.descricao %></td>
              </tr>
            </tr>
            <tr>
              <tr></tr>
              <td class="indice">Tipo</td>
              <tr>
              <td><%= pokemon.tipo %></td>
            </tr>
            </tr>
            <tr>
              <tr></tr>
              <td class="indice">Altura</td>
              <tr>
              <td><%= pokemon.altura %>m</td>
            </tr>
            </tr>
            <tr>
              <tr></tr>
              <td class="indice">Peso</td>
              <tr>
              <td><%= pokemon.peso %>kg</td>
            </tr>
            </tr>
            <tr>
              <tr></tr>
              <td class="indice">Categoria</td>
              <tr>
              <td><%= pokemon.categoria %></td>
            </tr>
          </tr>
          <tr>
              <tr></tr>
              <td class="indice">Habilidade</td>
              <tr>
              <td><%= pokemon.habilidade %></td>
            </tr>
            </tr>
          </tbody>
        </table>
      </section>
    </main>
    <%- include("./partials/footer.ejs") %>
  </body>
</html>
