<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Confirm project deletion</title>
    <!-- Favicon-->
    <link rel="icon" type="image/x-icon" href="/satic/assets/favicon.ico" />
    <!-- Bootstrap icons-->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
      rel="stylesheet"
    />
    <!-- Core theme CSS (includes Bootstrap)-->
    <link href="/static/css/styles.css" rel="stylesheet" />
  </head>
  <body class="d-flex flex-column h-100">
    <main class="flex-shrink-0">
      <!-- Navigation-->
      {% include 'navigation.html' %} {% include 'flash.html' %}
      <!-- Page Content-->
      <form method="POST" id="confirm" hidden>
        <input hidden value="{{project.id}}" name="project_id">
        <input hidden value="true" name="confirm">
      </form>
      <section class="py-5">
        <div class="container px-5 my-5">
          <div class="text-center mb-5">
            <h1 class="fw-bolder">{{ project.name }}</h1>
            <p class="lead fw-normal text-muted mb-0">Are you sure you want to delete this project?</p>
          </div>
          <div class="row gx-5">
            <input type="submit" form="confirm"  class="btn btn-outline-danger" value="Confirm deletion"></input>
          </div>
        </div>
      </section>
    </main>
    <!-- Bootstrap core JS-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>
