<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>zenBot Login</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
    <link rel="stylesheet" href="../static/login.css">
    <link rel="stylesheet" href="../static/style.css">
    <script src="../static/script.js"> </script>

    <!------ display shortcut icon ------>
	<link rel = "shortcut icon" href = "../static/logo.png">

</head>
<body style="background-color: whitesmoke;">

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
    
    <nav class="navbar">
        <div class="container-fluid">
          <!-- <a class="navbar-brand" href="#">
            <img src="logo.png" alt="" width="30" height="24" class="d-inline-block align-text-top">
            zenFlow
          </a> -->
          <img src="../static/logo.svg" alt="" width="200" height="50" style="position: relative; left: 45%;">
          <form class="d-flex">
            <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" hidden>
           <!-- <button class="btn btn-outline-primary" type="submit">Register</button> -->
          </form>
        </div>
      </nav>

      <div class = "container mt-6" style="width:25%; background-color: #12086F; border-radius: 5%;">

        <form action = "/login" method = "POST">

            <center> <h1 style="font-weight: bold; color: white"> Sign in </h1> </center>
            <hr style="border: 2px solid black;"> 

            <div class="form-group">
                <input type="text" name="username" id="em" class="form-control" placeholder="Enter Your Username" required>
            </div>

            <br>

            <div class="form-group">
                <input type = "password" class = "form-control" id = "pwd" name = "password" placeholder = "Enter Your Password" required>
            </div>

            <br>

        <center> <button type="submit" class="btn btn-primary" style="background-color: #0b0b45;  width: 100%;"> Sign in </button> </center>
        <br>

        <center> <h6 style="color: white;"> If You don't Have an Account. Please Contact Administrator. </h6> </center>

        </form>

    </div>

    <div class="container mt-5" id="cover">

    </div>

</body>
</html>