{% extends "pos/base.html" %}
{% load static %}
{% block title %}Customer Settlement Details{% endblock %}

{% block stylesheets %}{% endblock %}
{% block heading %}Customer Settlement Details{% endblock %}

{% block content %}
<div class="card shadow mb-4">
  <div class="card-header py-3">
    <h6 class="m-0 font-weight-bold text-primary">Invoice #{{ details.description }}</h6>
  </div>
  <div class="card-body">
    <div class="row">
      <div class="col-md-3"><strong>Date:</strong> {{ details.transaction_date }}</div>
      <div class="col-md-3"><strong>Customer:</strong> {{ details.party_descp }}</div>
      <div class="col-md-3 text-end"><strong>Adjusted:</strong> {{ details.amount_transaction|floatformat:2 }}</div>
      <div class="col-md-3 text-end"><strong>Prev Balance:</strong> {{ details.previous_balance|floatformat:2 }}</div>

      <div class="col-md-6 mt-2"><strong>Settlement Type (snapshot):</strong> {{ details.remarks1 }}</div>
      <div class="col-md-6 mt-2"><strong>Description:</strong> {{ details.bill_title_descp }}</div>
    </div>
  </div>
</div>

{% if meta %}
<div class="card shadow">
  <div class="card-header py-3">
    <h6 class="m-0 font-weight-bold text-primary">Meta (customer_settlement_invoices)</h6>
  </div>
  <div class="card-body">
    <div class="row">
      <div class="col-md-3"><strong>Invoice #:</strong> {{ meta.invoice_no }}</div>
      <div class="col-md-3"><strong>Customer t_id:</strong> {{ meta.customer_t_id }}</div>
      <div class="col-md-3"><strong>Type t_id:</strong> {{ meta.settlement_t_id }}</div>
      <div class="col-md-3"><strong>Date:</strong> {{ meta.date }}</div>
      <div class="col-md-12 mt-2"><strong>Description:</strong> {{ meta.description }}</div>
    </div>
  </div>
</div>
{% endif %}
{% endblock %}

{% block javascripts %}{% endblock %}