<!DOCTYPE html>
<html lang="pt-BR">
  <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" type="text/css" />
    <title>Criar</title>
  </head>
  <body>
    <%- include('./partials/header') %>
    <main>
      <section id="container">
        <div class="div-form">
          <form action="/adicionar" method="post" >
              <legend>
                <strong>
                Adicionar um novo Conto
                </strong>
              </legend>
            <fieldset>
              <input type="text" name="nome" placeholder="Digite o nome" required/>
              <label for="nome"><strong>Nome</strong></label>
            </fieldset>

            <fieldset>
              <input type="text" name="descricao" placeholder="Digite a Descrição" required/>
              <label for="descricao"><strong>Conto</strong></label>
            </fieldset>

            <fieldset>
              <input type="text" name="ano" placeholder="Digite o Ano" required/>
              <label for="ano"><strong>Ano</strong></label>
            </fieldset>

            <fieldset>
              <input type="url" name="img_reference" placeholder="Coloque uma URL" required/>
              <label for="img_reference"><strong>Imagem</strong></label>
            </fieldset>

            <fieldset>
              <input type="text" name="desc_short" placeholder="Descrição Prévia" required/>
              <label for="desc_short"><strong>Desc Curta</strong></label>
            </fieldset>
            <div id="btn-container">
                <button type="submit"><strong>Enviar</strong></button>
            </div>
            
          </form>
        </div>
      </section>
    </main>
    <%- include('./partials/footer') %>
  </body>
</html>
