<!DOCTYPE html>
<html lang="en">
<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/cadastro.css">
    <link rel="shortcut icon" href="/img/pokedex_form.ico" type="image/x-icon">
    <title>Cadastro de Pokemon</title>
</head>
<body>
    <main>

        <section id="cadastro">

            <div>

                <h2>Adicone um novo Pokemon!</h2>

                <form action="/cadastro" method="post">

                    <label for="nome">
                        Nome:
                    </label>
                    <input type="text" id="nome" name="nome" required>

                    <label for="visual">
                        Link da imagem:
                    </label>
                    <input type="text" name="visual" id="visual" required>

                    <label for="tipo">
                        Tipo do Pokemon:
                    </label>
                    <input type="text" name="tipo" id="tipo" required>

                    <label for="fraqueza">
                        Fraquesas do Pokemon:
                    </label>
                    <input type="text" name="fraqueza" id="fraqueza" required>

                    <label for="sobre">
                        Descrição:
                    </label>
                    <input type="text" name="sobre" id="sobre">

                    <label for="evolucao">
                        Evolução do Pokemon:
                    </label>
                    <input type="text" name="evolucao" id="evolucao" required>

                    <label for="altura">
                        Altura:
                    </label>
                    <input type="text" name="altura" id="altura" required>

                    <label for="peso">
                        Peso:
                    </label>
                    <input type="text" name="peso" id="peso" required>

                    <label for="categoria">
                        Categoria:
                    </label>
                    <input type="text" name="categoria" id="categoria">

                    <label for="habilidade">
                        Habilidades:
                    </label>
                    <input type="text" name="habilidade" id="habilidade">

                    <label for="ataque">
                        Ataque:
                    </label>
                    <input type="number" name="ataque" id="ataque">

                    <label for="defesa">
                        Defesa:
                    </label>
                    <input type="number" name="defesa" id="defesa">

                    <label for="stamina">
                        Stamina
                    </label>
                    <input type="number" name="stamina" id="stamina">

                    <button id="btnCadastrar" type="submit">Adicionar</button>

                </form>

            </div>

        </section>

        <a id="voltar" href="/voltar">Voltar</a>

    </main>
</body>
</html>