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

{% block title %}Receipt #{{ details.description }}{% endblock %}
{% block heading %}Receipt Details{% endblock %}

{% block content %}
<div class="card shadow mb-4">
  <div class="card-body">
    <dl class="row">
      <dt class="col-sm-3">Receipt #</dt>
      <dd class="col-sm-9">{{ details.description }}</dd>

      <dt class="col-sm-3">Date</dt>
      <dd class="col-sm-9">{{ details.transaction_date }}</dd>

      <dt class="col-sm-3">Investor</dt>
      <dd class="col-sm-9">{{ details.party_descp }}</dd>

      <dt class="col-sm-3">Amount</dt>
      <dd class="col-sm-9">{{ details.total_amount|floatformat:2 }}</dd>

      <dt class="col-sm-3">Description</dt>
      <dd class="col-sm-9">{{ details.bill_title_descp }}</dd>
    </dl>
    <a href="{% url 'transactions:investor_receipt_list' %}" class="btn btn-secondary">Back</a>
  </div>
</div>
{% endblock %}