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

{% block title %}Edit Sale Invoice — {{ txn.voucher_no }}{% endblock %}
{% block heading %}Edit Sale Invoice — {{ txn.voucher_no }}{% endblock %}

{% block content %}

<div class="alert alert-info">
  Only the description / reference note can be edited here. Debit, credit, and account
  amounts are controlled by the source invoice and are recalculated automatically every
  time it's saved — edit the amount there, not here.
  {% if source_link.url %}
    <a href="{{ source_link.url }}" target="_blank" class="font-weight-bold">Open source invoice{% if source_link.label %} ({{ source_link.label }}){% endif %} &rarr;</a>
  {% endif %}
</div>

<div class="card mb-3">
  <div class="card-body">
    <table class="table table-sm table-borderless mb-0">
      <tr><th style="width:180px;">Voucher No</th><td>{{ txn.voucher_no }}</td></tr>
      <tr><th>Date</th><td>{{ txn.voucher_date }}</td></tr>
      <tr><th>Total Amount</th><td>{{ txn.total_amount|floatformat:2 }}</td></tr>
      <tr><th>Party</th><td>{{ txn.party.name|default:"—" }}</td></tr>
    </table>
  </div>
</div>

<table class="table table-bordered table-sm mb-4">
  <thead class="thead-light">
    <tr><th>Account</th><th>Party</th><th class="text-right">Debit</th><th class="text-right">Credit</th></tr>
  </thead>
  <tbody>
    {% for ln in existing_lines %}
    <tr>
      <td>{{ ln.account.code }} — {{ ln.account.name }}</td>
      <td>{{ ln.party.name|default:"—" }}</td>
      <td class="text-right">{{ ln.debit|floatformat:2 }}</td>
      <td class="text-right">{{ ln.credit|floatformat:2 }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<form method="post">
  {% csrf_token %}
  <div class="form-group">
    <label>Description</label>
    <input type="text" name="description" class="form-control" value="{{ txn.description }}">
  </div>
  <div class="form-group">
    <label>Reference No</label>
    <input type="text" name="reference_no" class="form-control" value="{{ txn.reference_no }}">
  </div>
  <button type="submit" class="btn btn-primary">Save</button>
  <a href="{% url 'coa:sl_list' %}" class="btn btn-secondary">Cancel</a>
</form>

{% endblock %}