style
  table.forme{
   display: inline-table;
   border: 1px solid black;
   }
   td{
   border: 1px solid black;

   }
   .img{
   }
   .imgcell{
    width: 400px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
   }
   .description{
     width: 200px;
   }


each forme, i in data.formedata
  table.forme
    tr
      th #{data.name}
      - var dexno = data.speciesdata.id.toString()
      if dexno.length == 1
        - dexno = "00" + dexno
      else if data.speciesdata.id.length == 2
        - dexno = "0" + dexno
      th #{dexno}
      if i != "default"
        - var imgname = dexno + "-" + i
      else
        - var imgname = dexno
    tr
      td(colspan=2) #{i}
    tr
      td.imgcell(colspan=2)
        img.img(src="/Sprites/front/#{imgname}.png")
    tr
      td Types
      td #{forme.types}
    tr
      td Abilities
      td #{forme.abilities}
    tr
      td Hidden Ability
      td #{forme.hiddenAbility}
    tr
      td Stats
      td
        table
          tr
            td HP
            td #{forme.stats.hp}
          tra
            td Attack
            td #{forme.stats.attack}
          tr
            td Defense
            td #{forme.stats.defense}
          tr
            td Sp. Att.
            td #{forme.stats.specialAttack}
          tr
            td Sp. Def.
            td #{forme.stats.specialDefense}
          tr
            td Speed
            td #{forme.stats.speed}
    tr
      td Tier
      td #{forme.tier}
    tr
      td Generation
      td #{data.speciesdata.generation}

table
  tr
    th Learnset
  tr
    th Name
    th Type
    th Power
    th Damage
    th Accuracy
    th Priority
    th Description
  each move in data.learnablemoves
    tr
      td #{move}
      td #{move_data[move].type}
      td #{move_data[move].power}
      td #{move_data[move].damage}
      td #{move_data[move].accuracy}
      td #{move_data[move].priority}
      td.description #{move_data[move].description}