{% 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">
        </div>
        <div class="card-body">
          
          <form method="POST">
            <div class="mb-3">
              <label class="form-label">Employee Code</label>
              <input type="text" name="employee_code" class="form-control" required>
            </div>
            <div class="mb-3">
              <label class="form-label">Password</label>
              <input type="password" name="password" class="form-control" required>
            </div>
            <button class="btn btn-dark w-100 mb-2">
              <i class="bi bi-box-arrow-in-right"></i> Login
            </button>
          </form>
          <div class="text-center mb-2">
            <a href="{{ url_for('employee.forgot_password') }}" class="small">Forgot Password?</a>
          </div>
          <a href="{{ url_for('auth.login') }}" class="btn btn-outline-primary w-100">
            <i class="bi bi-person-fill"></i> Admin Login
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}