<!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" />
    
    <title>Cadastro</title>
  </head>
  
  <body id="body_cadastro">
    <section class="wrapper">
      <div id="stars"></div>
      <div id="stars2"></div>
      <div id="stars3"></div>
      <div id="title"></div>
    <section>
      <h1 id="cadastro1">CADASTRO DE LIVROS</h1>
    </section>
    <a href="/livros"><img src="/img/closed.png"  id="closed"></a>
    <section id="cadastro">
      <form action="/newLivro" method="POST">
        <div>
          <label for="titulo">Título:</label>
          <input
            type="text"
            name="titulo"
            id="titulo"
            placeholder="Nome do livro"
            required
          />
        </div>
        <div>
          <label for="idioma">Idioma:</label>
          <input
            type="text"
            name="idioma"
            id="idioma"
            placeholder="Idioma"
            required
          />
        </div>
        <div>
          <label for="autor">Autor:</label>
          <input
            type="text"
            name="autor"
            id="autor"
            placeholder="Autor"
            required
          />
        </div>
        <div>
          <label for="genero">Genero:</label>
          <input
            type="text"
            name="genero"
            id="genero"
            placeholder="Genero"
            required
          />
        </div>
        <div>
          <label for="paginas">Páginas:</label>
          <input
            type="number"
            name="paginas"
            id="paginas"
            placeholder="Páginas"
            required
          />
        </div>
        <div>
          <label for="sinopse">Sinopse:</label>
          <input
            type="text"
            name="sinopse"
            id="sinopse"
            placeholder="Sinopse"
            required
          />
        </div>
        <div>
          <label for="note">Nota:</label>
          <input
            type="float"
            name="nota"
            id="nota"
            placeholder="Nota"
            required
          />
        </div>
        <div>
          <label for="imagem">Imagem:</label>
          <input
            type="url"
            name="imagem"
            id="imagem"
            placeholder="Link da imagem"
            required
          />
        </div>
        <button type="submit" id="enviar">Enviar</button>
      </form>
    </section>
    <script src="/js/script.js"></script>
  </body>
</html>
