{% extends "pos/base.html" %}
{% load form_extras %}
{% block title %}{{ title }}{% endblock title %}
{% block content %}
<div class="card">
  <div class="card-header">{{ title }}</div>
  <div class="card-body">
    <form method="post" novalidate>
      {% csrf_token %}
      <div class="form-group">
        <label>Name</label>
        {{ form.name|add_class:"form-control" }}
      </div>
      <div class="form-group">
        <label>Code</label>
        {{ form.code|add_class:"form-control" }}
        <small class="form-text text-muted">e.g., A-1, AA-1</small>
      </div>
      <div class="form-group">
        <label>Amount</label>
        {{ form.amount|add_class:"form-control" }}
      </div>
      <div class="form-group">
        <label>Referrer (Partner/Client)</label>
        {{ form.referrer|add_class:"form-control" }}
      </div>
      <button class="btn btn-success">Save</button>
      <a href="{% url 'ref:tree' %}" class="btn btn-light">Cancel</a>
    </form>
  </div>
</div>
{% endblock content %}