<!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" />
    <title>Edite as informações da sua Banda</title>
  </head>
  <body>
    <nav>
      <ul>
        <li>
          <a href="/">
            <h1>Cadastre sua Banda</h1>
          </a>
        </li>
        <li><a href="/">Bandas</a></li>
        <li><a href="/cadastrar">Cadastrar</a></li>
      </ul>
    </nav>

    <main>
      <section id="cadastrar" class="outras">
        <div>
          <h2>Edite as informações da sua Banda</h2>
          <form action="/update/<%= bandas.id %>" method="POST">
            <label for="nome" id="labelNome">Nome:</label>
            <input
              type="text"
              name="nome"
              id="nome"
              value="<%= bandas.nome %>"
              placeholder="Digite o nome da banda:"
              required
            />

            <label for="descricao" id="labelDescricao">Descrição:</label>
            <input
              type="text"
              name="descricao"
              id="descricao"
              value="<%= bandas.descricao %>"
              placeholder="Digite a descrição:"
              required
            />

            <label for="estilo" id="labelEstilo">Estilo</label>
            <input
              type="text"
              name="estilo"
              id="estilo"
              value="<%= bandas.estilo %>"
              placeholder="Digite o estilo:"
              required
            />

            <label for="imagem" id="labelImagem">Estilo</label>
            <input
              type="url"
              name="imagem"
              id="imagem"
              value="<%= bandas.imagem %>"
              placeholder="Digite o Link da imagem:"
              required
            />

            <button type="submit" id="btnEditar">Atualizar</button>
          </form>
        </div>
      </section>
    </main>

    <footer>
      <p>Todos os direitos reservados para Ogait Ashtar &copy;</p>
    </footer>

    <script src="/js/script.js"></script>
  </body>
</html>
