<!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/delete.css" />
    <title>Confirm Delete</title>
  </head>
  <body>
    <nav class="navbar navbar-dark bg-dark">
      <div class="container-fluid">
        <a class="navbar-brand" href="https://www.cov-irt.org/"
          ><strong>COV-IRT 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">SIGN IN</button>
        </form>
      </div>
    </nav>
    <div class="container">
      <img
        src="../images/COV-IRT_Web_Header_Logo-600x187-1.png"
        alt="cov_logo"
        height="150"
      />
    </div>
    <div id="intro">
      <h2><%= id %></h2>
      <h2>You are about to delete your account from COV-IRT website.</h2>
      <h1>CONFIRM?</h1>
      <div id="btns">
        <a href="/user" type="button" class="btn btn-lg btn-success">NO</a>
        <form method="POST" action="/user/<%= id %>?_method=DELETE">
          <button class="btn btn-danger">yes</button>
        </form>
      </div>
    </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>
