{% extends "pos/base.html" %}
{% block title %}Portal Access — {{ party.name }}{% endblock %}
{% block heading %}Portal Access — {{ party.name }}{% endblock %}

{% block content %}
<div class="card shadow border-0">
  <div class="card-header text-white" style="background:#1A2B4C;">
    <h6 class="mb-0"><i class="fas fa-user-lock mr-2"></i>Customer Portal Login</h6>
  </div>
  <div class="card-body p-4">
    {% if account %}
      <div class="mb-3">
        Status:
        {% if account.is_enabled %}<span class="badge badge-success">Enabled</span>
        {% else %}<span class="badge badge-secondary">Disabled</span>{% endif %}
        &nbsp; Last login:
        {% if account.last_login_at %}{{ account.last_login_at }}{% else %}<span class="text-muted">Never</span>{% endif %}
      </div>
    {% else %}
      <p class="text-muted">This party does not have portal access yet.</p>
    {% endif %}

    <form method="post">
      {% csrf_token %}
      <input type="hidden" name="action" value="create_or_update">
      <div class="form-row">
        <div class="form-group col-md-6">
          <label>Username <span class="text-danger">*</span></label>
          <input type="text" name="username" class="form-control" value="{{ account.username|default:'' }}" required>
          <small class="form-text text-muted">May match a username this customer already uses at another business — only if the phone number on file matches.</small>
        </div>
        <div class="form-group col-md-6">
          <label>{% if account %}Reset Password{% else %}Set Password{% endif %} {% if not account %}<span class="text-danger">*</span>{% endif %}</label>
          <input type="password" name="new_password" class="form-control" placeholder="{% if account %}Leave blank to keep current password{% else %}Required for new account{% endif %}">
        </div>
      </div>
      <div class="form-check mb-3">
        <input type="checkbox" class="form-check-input" name="is_enabled" id="isEnabled" {% if not account or account.is_enabled %}checked{% endif %}>
        <label class="form-check-label" for="isEnabled">Allow Customer to Login to Portal</label>
      </div>
      <button type="submit" class="btn btn-primary"><i class="fas fa-save mr-1"></i> Save</button>
      <a href="{% url 'coa:party_list' %}" class="btn btn-outline-secondary">Back to Parties</a>
    </form>
  </div>
</div>
{% endblock %}