{% extends "base.html" %}
{% block content %}
<div class="container mt-5">
  <div class="row justify-content-center">
    <div class="col-md-4">
      <div class="card">
       <div class="card-header text-center bg-white">
       <img src="{{ url_for('static', filename='images/logo.png') }}" class="img-fluid mx-auto d-block mb-2" style="max-height: 60px;" alt="CHL Logo"
           class="img-fluid mb-2" style="max-height: 60px;">
          
      </div>  

        </div>
        <div class="card-body">
          <form method="POST">
            <div class="mb-3">
              <label>Username</label>
              <input name="username" class="form-control" required>
            </div>
            <div class="mb-3">
              <label>Password</label>
              <input name="password" type="password" class="form-control" required>
            </div>
            <button class="btn btn-dark w-100">Login</button>
            <a href="{{ url_for('employee.employee_login') }}" class="btn btn-outline-primary"><i class="bi bi-box-arrow-in-right"></i> Employee Login</a>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}