{% extends 'pos/base.html' %}
{% block content %}
<div class="container" style="max-width:600px">
  <h4 class="mb-3">Add Account</h4>
  <form method="post">
    {% csrf_token %}
    <div class="mb-3">
      <label class="form-label">Account Code *</label>
      <input type="text" name="code" class="form-control" value="{{ form_data.code }}" required>
    </div>
    <div class="mb-3">
      <label class="form-label">Account Name *</label>
      <input type="text" name="name" class="form-control" value="{{ form_data.name }}" required>
    </div>
    <div class="mb-3">
      <label class="form-label">Account Type *</label>
      <select name="account_type" class="form-select" required>
        <option value="">-- Select --</option>
        {% for val, label in account_types %}
        <option value="{{ val }}" {% if form_data.account_type == val %}selected{% endif %}>{{ label }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="mb-3">
      <label class="form-label">Parent Group</label>
      <select name="parent_id" class="form-select">
        <option value="">-- None (Top Level) --</option>
        {% for p in parent_accounts %}
        <option value="{{ p.id }}" {% if form_data.parent_id == p.id|stringformat:"s" %}selected{% endif %}>
          {{ p.code }} — {{ p.name }}
        </option>
        {% endfor %}
      </select>
    </div>
    <div class="mb-3">
      <label class="form-label">Description</label>
      <input type="text" name="description" class="form-control" value="{{ form_data.description }}">
    </div>
    <div class="form-check mb-3">
      <input type="checkbox" name="is_group" class="form-check-input" id="is_group">
      <label class="form-check-label" for="is_group">This is a Group / Header account (no direct posting)</label>
    </div>
    <button type="submit" class="btn btn-primary">Save Account</button>
    <a href="{% url 'gl:coa_list' %}" class="btn btn-secondary">Cancel</a>
  </form>
</div>
{% endblock %}