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

{% block title %}{% if mode == "add" %}New Credit Note{% else %}Edit Credit Note{% endif %}{% endblock %}
{% block heading %}{% if mode == "add" %}New Credit Note{% else %}Edit — {{ txn.voucher_no }}{% 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>Voucher Date <span class="text-danger">*</span></label>
          <input type="date" name="voucher_date" class="form-control"
                 value="{{ txn.voucher_date|default:today|date:'Y-m-d' }}" required>
        </div>
        <div class="form-group col-md-3">
          <label>Reference No</label>
          <input type="text" name="reference_no" class="form-control" value="{{ txn.reference_no|default:'' }}">
        </div>
        <div class="form-group col-md-3">
          <label>Amount <span class="text-danger">*</span></label>
          <input type="number" step="0.01" name="amount" class="form-control"
                 value="{{ txn.total_amount|default:'' }}" required>
        </div>
      </div>

      <div class="form-row">
        <div class="form-group col-md-6">
          <label>Party <span class="text-danger">*</span></label>
          <select name="party_id" class="form-control select2-party" required>
            {% if txn.party %}<option value="{{ txn.party.id }}" selected>{{ txn.party.name }}</option>{% endif %}
          </select>
        </div>
        <div class="form-group col-md-6">
          <label>Contra Account (Discount/Expense) <span class="text-danger">*</span></label>
          <select name="contra_account_id" class="form-control" required>
            <option value="">— Select —</option>
            {% for a in contra_accounts %}
              <option value="{{ a.id }}">{{ a.code }} — {{ a.name }}</option>
            {% endfor %}
          </select>
        </div>
      </div>

      <div class="form-group">
        <label>Reason / Narration</label>
        <textarea name="reason" class="form-control" rows="2">{{ txn.description|default:'' }}</textarea>
      </div>

      <button type="submit" class="btn btn-dark">
        {% if mode == "add" %}Post Credit Note{% else %}Save Changes{% endif %}
      </button>
      <a href="{% url 'coa:cn_list' %}" class="btn btn-secondary">Cancel</a>
    </form>
  </div>
</div>
{% endblock %}

{% block javascripts %}
<script>
$(document).ready(function(){
  $('.select2-party').select2({
    width: '100%',
    ajax: {
      url: "{% url 'coa:ajax_party_search' %}",
      dataType: 'json',
      delay: 250,
      data: function (params) { return { q: params.term }; },
      processResults: function (data) { return { results: data.results }; }
    },
    minimumInputLength: 1
  });
});
</script>
{% endblock %}