{% extends "pos/base.html" %}
{% load static %}

{% block title %}{% if mode == "add" %}Add Account{% else %}Edit Account{% endif %}{% endblock %}

{% block heading %}{% if mode == "add" %}Add Account{% else %}Edit Account — {{ account.name }}{% endif %}{% endblock %}

{% block content %}
<div class="card shadow">
  <div class="card-body">
    <form method="post">
      {% csrf_token %}

      <div class="form-row">
        <div class="form-group col-md-3">
          <label>Account Code <span class="text-danger">*</span></label>
          <input type="text" name="code" class="form-control"
                 value="{{ account.code|default:'' }}" required>
        </div>
        <div class="form-group col-md-6">
          <label>Account Name <span class="text-danger">*</span></label>
          <input type="text" name="name" class="form-control"
                 value="{{ account.name|default:'' }}" required>
        </div>
        <div class="form-group col-md-3">
          <label>Account Type <span class="text-danger">*</span></label>
          <select name="account_type" class="form-control">
            {% for val, label in account_types %}
              <option value="{{ val }}" {% if account.account_type == val %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
          </select>
        </div>
      </div>

      <div class="form-row">
        <div class="form-group col-md-4">
          <label>Parent Account</label>
          <select name="parent" class="form-control">
            <option value="">— None (Top Level) —</option>
            {% for p in parents %}
              <option value="{{ p.id }}" {% if account.parent_id == p.id %}selected{% endif %}>
                {{ p.code }} — {{ p.name }}
              </option>
            {% endfor %}
          </select>
        </div>
        <div class="form-group col-md-2">
          <label class="d-block">Is Group?</label>
          <input type="checkbox" name="is_group" {% if account.is_group %}checked{% endif %}>
          <small class="form-text text-muted">Group accounts can't post transactions.</small>
        </div>
        {% if mode == "edit" %}
        <div class="form-group col-md-2">
          <label class="d-block">Active?</label>
          <input type="checkbox" name="is_active" {% if account.is_active %}checked{% endif %}>
        </div>
        {% endif %}
        <div class="form-group col-md-2">
          <label>Opening Balance</label>
          <input type="number" step="0.01" name="opening_balance" class="form-control"
                 value="{{ account.opening_balance|default:'0' }}">
        </div>
        <div class="form-group col-md-2">
          <label>OB Type</label>
          <select name="opening_balance_type" class="form-control">
            {% for val, label in balance_types %}
              <option value="{{ val }}" {% if account.opening_balance_type == val %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
          </select>
        </div>
      </div>

      <div class="form-group">
        <label>Notes</label>
        <textarea name="notes" class="form-control" rows="2">{{ account.notes|default:'' }}</textarea>
      </div>

      <button type="submit" class="btn btn-primary">
        {% if mode == "add" %}Create Account{% else %}Save Changes{% endif %}
      </button>
      <a href="{% url 'coa:account_list' %}" class="btn btn-secondary">Cancel</a>
    </form>
  </div>
</div>
{% endblock %}