<!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="icon" href="/figmaSchoolLab/icone.jpg">
  <title>School Lab UFC</title>
  <link rel="stylesheet" href="/css/pages-styles.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet">
  <script defer src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
  <script defer src="/js/perfil.js"></script>
</head>

<body>
  <header>
    <%- include('../partials/headerAluno'); -%>
  </header>
  <form action="/views/Aluno/perfil" method="UPDATE">
    <div style="text-align: center;">
      <img src="/figmaSchoolLab/Perfil.png" alt="Perfil" width="170" height="170">
    </div>
    <div class="mb-3" style="margin: 0px 100px 0px 100px;">
      <label for="alunoOn" class="form-label">Nome</label>
      <input name="nome" type="text" class="form-control" id="nome" disabled value="<%=nomeUser%>">
    </div>
    <div class="mb-3" style="margin: 0px 100px 0px 100px;">
      <label for="alunoOn" class="form-label">Email</label>
      <input name="email" type="email" class="form-control" id="email" disabled value="<%=emailUser%>">
    </div>
    <div class="mb-3" style="margin: 0px 100px 0px 100px;">
      <label for="alunoOn" class="form-label">Curso</label>
      <input name="curso" type="text" class="form-control" id="curso" disabled value="<%=cursoUser%>">
    </div>
    <div class="mb-3" style="margin: 0px 100px 0px 100px;">
      <label for="alunoOn" class="form-label">Senha</label>
      <input name="senha" type="password" class="form-control" id="senha" disabled value="<%=senhaUser%>">
    </div><br>
    <div style="text-align: center;">
      <button class="enviar" style="margin:0px 30px 0px 10px;">Salvar dados</button>
    </div>
  </form><br>
  <div style="text-align: center;">
    <button class="enviar" style="margin: 0px 30px 0px 10px;" onclick="habilitar()">Alterar dados</button>
  </div>
  <footer class="footer">
    <%- include('../partials/footer'); -%>
  </footer>
</body>

</html>