<div class="row mt-5">
    <div class="col-md-6 m-auto">
      <div class="cbg_light card_normal f_normal card card-body">
        <h1 class="c_dark t_normal text-center mb-3">Login</h1>

        <% if(success_msg != '') { %>
          <div class="alert alert-success alert-dismissible fade show" role="alert">
              <%= success_msg %>
              <button type="button" class="btn close" data-bs-dismiss="alert" aria-label="Close";">&times</button>
            </div> 
        <% } %>
        
        <% if(error_msg != '') { %>
            <div class="alert alert-warning alert-dismissible fade show" role="alert">
                <%= error_msg %>
                <button type="button" class="btn close" data-bs-dismiss="alert" aria-label="Close";">&times</button>
              </div> 
        <% } %>

        <% if(error != '') { %>
          <div class="alert alert-warning alert-dismissible fade show" role="alert">
              <%= error %>
              <button type="button" class="btn close" data-bs-dismiss="alert" aria-label="Close";">&times</button>
            </div> 
        <% } %>

        <form action="/users/login" method="POST">
          <div class=" c_dark lead form-group">
            <label for="email">Email :</label>
            <input
              type="email"
              id="email"
              name="email"
              class="c_dark form-control"
              placeholder="Enter Email"
            />
          </div>
          <div class="c_dark lead form-group">
            <label for="password">Password :</label>
            <input
              type="password"
              id="password"
              name="password"
              class="form-control"
              placeholder="Enter Password"
            />
          </div>
          <button type="submit" class="c_dark b_new btn btn-block mt-2">Login</button>
        </form>
        <p class="c_dark mt-3">
          No Account? <a href="/users/register">Register</a>
        </p>
      </div>
    </div>
  </div>
