<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <title>{% block title %} {% endblock %} AIND Data Transfer Service Admin</title>
  <style>
    body {
      margin: 20px;
      font-family: arial, sans-serif;
    }
    nav {
      height: 40px;
    }
  </style>
</head>
<body>
  <nav>
    <a href="/">Submit Jobs</a> |
    <a href="/jobs">Job Status</a> |
    <a href="/job_params">Job Parameters</a> |
    <a title="Download job template as .xslx" href="/api/job_upload_template" download>Job Submit Template</a> |
    <a title="List of project names" href="{{ project_names_url }}" target="_blank">Project Names</a> |
    <a title="For more information click here" href="https://aind-data-transfer-service.readthedocs.io"
      target="_blank">Help</a> |
    <a href="/admin">Admin</a> |
    <a href="/logout">Log out</a>
  </nav>
  <div>
    <h3>Admin</h3>
    <div>Hello {{user_name}}, welcome to the admin page</div>
    <div>Email: {{user_email}}</div>
  </div>
</body>
</html>
