{% extends "pos/base.html" %}
{% load static %}
{% block title %}Purchase #{{ payment.description }}{% endblock %}

{% block heading %}Purchase Details{% endblock %}

{% block content %}
<div class="mb-3">
  <a href="{% url 'purchases:purchases_list' %}" class="btn btn-info btn-sm">
    <i class="fas fa-arrow-left"></i> Back
  </a>
</div>
<div class="row">
  <div class="col-md-8">
    <div class="card">
      <div class="card-header">Line Items</div>
      <div class="card-body p-0">
        <table class="table table-sm mb-0">
          <thead>
            <tr>
              <th>#</th><th>Name</th><th>Qty</th><th>Price</th><th>Total</th>
            </tr>
          </thead>
          <tbody>
            {% for it in items %}
            <tr>
              <td>{{ forloop.counter }}</td>
              <td>{{ it.product_code }}</td>
              <td>{{ it.quantity }}</td>
              <td>{{ it.item_price }}</td>
              <td>{{ it.total_price }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card">
      <div class="card-header">Invoice Summary</div>
      <div class="card-body">
        <p><strong>Vendor:</strong> {{ payment.party_descp }}</p>
        <p><strong>Date:</strong>   {{ payment.transaction_date }}</p>
        <p><strong>Challan:</strong> {{ payment.builty_no }}</p>
        <p><strong>Remarks:</strong> {{ payment.remarks1 }}</p>
        <hr>
        <p><strong>Sub Total:</strong> {{ payment.total_amount }}</p>
        <p><strong>Discount:</strong>  {{ payment.discount }}</p>
        <p><strong>Other Charges:</strong> {{ payment.other_charges }}</p>
        <p><strong>Flat GST:</strong> {{ payment.flat_sale_tax }}%</p>
        <p><strong>F-Tax:</strong>     {{ payment.sale_tax }}%</p>
        <hr>
        <h5>Grand Total: {{ payment.total_amount }}</h5>
      </div>
    </div>
  </div>
</div>
{% endblock %}