<%- include ('partials/header') -%>
<main>
  <div class="pokeContainer">
    <% pokemons.forEach(poke=>{ %>

    <div key="<%= poke.id %> " class="pokeDiv" style="border-color: <%=typeBorderDict[`${poke.type}`]%>">
      <div class="inputStats">
        <h3>NÂº</h3>
        <p><%= String(poke.number).padStart(3, '0') %></p>
        <h3>Name</h3>
        <p><%= poke.name %></p>
      </div>
      <img src="<%= poke.image %> " class="pokeImg" title="Click for details" />
      <div class="inputStats">
        <h3>Type</h3>
        <p><%= poke.type %></p>
      </div>
    </div>
    <% }) %>
  </div>
</main>
<%- include ('partials/footer') -%>
