{% extends 'base.html' %}
{% load i18n cashbook_extras %}

{% block title %}{% trans "Transaction" %} #{{ tx.id }}{% endblock %}

{% block content %}
<section class="card">
  <div class="flex-between">
    <h3>{% trans "Transaction" %} #{{ tx.id }}</h3>
  </div>

  <div class="grid grid-2">
    <div>
      <div><strong>{% trans "Date" %}:</strong> {{ tx.date }}</div>
      <div><strong>{% trans "Type" %}:</strong> {{ tx.get_ttype_display }}</div>
      <div><strong>{% trans "Credit" %}:</strong> {% if tx.is_credit %}{% trans "Yes" %}{% else %}{% trans "No" %}{% endif %}</div>
    </div>
    <div>
      <div><strong>{% trans "Account" %}:</strong> {{ tx.account.name }}</div>
      <div><strong>{% trans "Category" %}:</strong> {% if tx.category %}{{ tx.category.name }}{% else %}-{% endif %}</div>
      <div><strong>{% trans "Amount" %}:</strong> {{ tx.amount }} {{ biz.currency|currency_label }}</div>
    </div>
  </div>

  <div class="mt-2">
    <strong>{% trans "Description" %}:</strong>
    <div>{{ tx.description|default:"-" }}</div>
  </div>

  {% if tx.contact %}
    <div class="mt-2">
      <strong>{% trans "Contact" %}:</strong>
      <div>{{ tx.contact.name }}{% if tx.contact.phone %} — {{ tx.contact.phone }}{% endif %}</div>
    </div>
  {% endif %}
</section>
{% endblock %}