{% extends "customer_portal/base.html" %}
{% block title %}Login — Customer Portal{% endblock %}
{% block content %}
<div class="portal-auth-wrap">
  <div class="card portal-card" style="max-width:380px; width:100%;">
    <div class="card-body p-4">
      <div class="text-center mb-4">
        <i class="fas fa-user-lock fa-2x" style="color:#1A2B4C;"></i>
        <h5 class="mt-2 mb-0">Customer Portal</h5>
        <small class="text-muted">Sign in to view your ledger and payments</small>
      </div>
      <form method="post">
        {% csrf_token %}
        <div class="form-group">
          <label>Username</label>
          <input type="text" name="username" class="form-control" required autofocus>
        </div>
        <div class="form-group">
          <label>Password</label>
          <input type="password" name="password" class="form-control" required>
        </div>
        <button type="submit" class="btn btn-portal-primary btn-block mt-3">
          <i class="fas fa-sign-in-alt mr-1"></i> Login
        </button>
      </form>
    </div>
  </div>
</div>
{% endblock %}