<!-- <!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" />
    <title>Login Page</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
      rel="stylesheet"
    />
    <style>
      body {
        background: #0a58ca;
        font-family: "Roboto", sans-serif;
      }
      .Box {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 2% 3%;
        background: white;
        border-radius: 5px;
      }
      h4 {
        color: #343a40;
        text-align: center;
        letter-spacing: 1px;
      }
      input[type="text"],
      input[type="number"],
      input[type="password"] {
        background: #cff4fc;
        border-radius: 4px 4px 0px 0px;
        width: 210px;
        height: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        border: none;
        padding: 7px;
        outline: none;
      }
      input:focus {
        border-bottom: 3px solid #efadce;
      }
      .regBtn {
        width: 100%;
        height: 40px;
        background: #0a58ca;
        color: white !important;
        outline: none;
        border: none;
      }
      a {
        text-decoration: none;
        color: #343a40;
      }
      a:focus {
        text-decoration: none;
        color: #343a40;
      }
    </style>
  </head>
  <body>
    <div class="Box">
      <div class="inputs">
        <form action="/login" method="POST">
        <h4>Log In to Saviour</h4>
        <input type="text" placeholder="Mail ID" /><br />
        <input type="password" placeholder="Password" /><br /><br />
        <a href="#"><u>Forgot Password ?</u></a
        ><br /><br />
        <button class="regBtn" type="submit">Log In</button><br /><br />
        <a href="/register"><u>Don't Have An Account</u></a><br />
        </form>
      </div>
    </div>
  </body>
</html> -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <%- include('./partials/head') %>
  </head>

  <body style="background-color: #ffffff">
    <h1 style="font-weight: 800; font-size: 70px; text-align: center">
      <span style="color: #2f8f9d">Saviour</span>
    </h1>
    <div class="jumbotron jumbotron-fluid">
      <div class="row">
        <div class="col-lg-6 col-md-12 col-sm-12">
          <img
            src="/login.svg"
            alt="Picture"
            style="
              display: block;
              margin-left: auto;
              margin-right: auto;
              width: 40%;
            "
          />
        </div>

        <div class="col-lg-6 col-md-12 col-sm-12">
          <div class="jumbotron jumbotron">
            <h2
              style="
                font-weight: 800;
                text-align: center;
                text-transform: uppercase;
              "
            >
              LOGIN
            </h2>

            <form action="/" method="GET">
              <div class="form-group">
                <label for="exampleFormControlInput1">Name</label>
                <input
                  type="text"
                  class="form-control"
                  name="name"
                  id="exampleFormControlInput1"
                  placeholder="Enter Your Name"
                  required
                />
              </div>
              <div class="form-group">
                <label for="exampleFormControlInput1">Password</label>
                <input
                  type="password"
                  class="form-control"
                  name="password"
                  id="exampleFormControlInput1"
                  placeholder="Enter Your password"
                  required
                />
              </div>
              <div class="form-group" style="text-align: center">
                <button
                  type="submit"
                  class="btn btn-outline-dark"
                  style="transition: 0.4s; margin: 20px"
                >
                  Submit
                </button>
              </div>
              <p>Don't have an Account <a href="register">Register</a> Here</p>
            </form>
          </div>
        </div>
      </div>
    </div>

    <script
      src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
      integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
      integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
      integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
