<!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
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="./css/academia.css" />
    <title>COV-IRT Members</title>
  </head>
  <body>
    <nav class="navbar navbar-dark bg-dark">
      <div class="container-fluid">
        <a class="navbar-brand" href="/"><strong>US HOME</strong></a>
        <form class="d-flex" method="GET" action="/register">
          <input class="form-control me-2" type="hidden" />
          <button class="btn btn-warning" type="submit">CADASTRAR</button>
        </form>
      </div>
    </nav>
    <div class="container" id="imgHeader">
      <img
        src="./images/COV-IRT_Web_Header_Logo-600x187-1.png"
        alt="cov_logo"
        height="150"
      />
    </div>
    <br />
    <div class="container" id="bigone">
      <h1>COV-IRT MEMBERS - GOVERNMENT</h1>
      <hr />
      <br />
      <% for(var j=0; j < affiliations.length; j++) { %>
      <br />
      <div id="affiHeader">
        <h2><%= affiliations[j] %></h2>
      </div>
      <div id="affi">
        <% for(var i=0; i < m_list.length; i++) { %> <%if (m_list[i].affiliation
        == affiliations[j]) { %>
        <div id="user">
          <h4><%= m_list[i].name %> <%= m_list[i].surename %></h4>
          <img
            src="<%= m_list[i].img_path %>"
            alt=""
            height="127"
            style="margin: 17px"
          />
          <a href="<%= m_list[i].aff_url %>">
            <h5><%= m_list[i].department %></h5>
            <h5><%= m_list[i].position %></h5>
            <h5><%= m_list[i].expertise %></h5>
          </a>
        </div>
        <% } %> <% } %>
      </div>
      <br />
      <hr />
      <% } %>
    </div>

    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
