{% extends 'pos/base.html' %}
{% block content %}
<div class="container-fluid">

  <div class="row mb-3">
    <div class="col">
      <h4>Add Party</h4>
      <p class="text-muted mb-0">Create a customer / vendor / debitor / investor / staff. Linked operational record will be auto-created.</p>
    </div>
    <div class="col-auto">
      <a href="{% url 'gl:party_list' %}" class="btn btn-sm btn-outline-secondary">← Back to Parties</a>
    </div>
  </div>

  <form method="post" class="row g-3">
    {% csrf_token %}

    <div class="col-md-6">
      <label class="form-label">Party Type <span class="text-danger">*</span></label>
      <select name="party_type" class="form-select" id="party_type" required>
        <option value="">— select —</option>
        {% for pt in party_types %}
          <option value="{{ pt }}" {% if form_data.party_type == pt %}selected{% endif %}>{{ pt|title }}</option>
        {% endfor %}
      </select>
    </div>

    <div class="col-md-6">
      <label class="form-label">Party Name <span class="text-danger">*</span></label>
      <input type="text" name="party_name" class="form-control"
             value="{{ form_data.party_name|default:'' }}" required>
    </div>

    <div class="col-md-6">
      <label class="form-label">Mobile</label>
      <input type="text" name="mobile" class="form-control"
             value="{{ form_data.mobile|default:'' }}">
    </div>

    <div class="col-md-6">
      <label class="form-label">Address</label>
      <input type="text" name="address" class="form-control"
             value="{{ form_data.address|default:'' }}">
    </div>

    <div class="col-md-6">
      <label class="form-label">COA Account <small class="text-muted">(leave blank to auto-assign control account)</small></label>
      <select name="coa_account_id" class="form-select">
        <option value="">— auto by type —</option>
        {% for c in coa_accounts %}
          <option value="{{ c.id }}" {% if form_data.coa_account_id == c.id|stringformat:'s' %}selected{% endif %}>
            {{ c.code }} — {{ c.name }} ({{ c.account_type }})
          </option>
        {% endfor %}
      </select>
    </div>

    <div class="col-md-6">
      <label class="form-label">Opening Balance <small class="text-muted">(optional)</small></label>
      <input type="number" step="0.01" name="opening_balance" class="form-control"
             value="{{ form_data.opening_balance|default:'' }}" placeholder="0.00">
      <small class="text-muted">Positive = customer owes us / we owe vendor. Leave 0 if starting fresh.</small>
    </div>

    <div class="col-12">
      <button type="submit" class="btn btn-primary">Create Party</button>
      <a href="{% url 'gl:party_list' %}" class="btn btn-outline-secondary">Cancel</a>
    </div>

    <div class="col-12">
      <div class="alert alert-info mt-3 small">
        <strong>What happens when you click Create:</strong>
        <ol class="mb-0">
          <li>A new Party record is created in the GL table.</li>
          <li>A matching operational record (customer / vendor / debitor / investor / staff) is created.</li>
          <li>If Opening Balance is set, a payments entry is created — which auto-posts a GL entry against 3400 Opening Balance Equity.</li>
        </ol>
      </div>
    </div>
  </form>

</div>
{% endblock %}