78 lines
3.1 KiB
HTML
78 lines
3.1 KiB
HTML
{% extends 'base.html' %}
|
|
{% load static %}
|
|
|
|
{% block content %}
|
|
<div class="container-fluid">
|
|
<div class="d-flex justify-content-between align-items-center mb-4">
|
|
<h1 class="h3 mb-0 text-gray-800">Customer Statement</h1>
|
|
</div>
|
|
|
|
<div class="card shadow mb-4">
|
|
<div class="card-header py-3">
|
|
<h6 class="m-0 font-weight-bold text-primary">Filter</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="get" class="row g-3">
|
|
<div class="col-md-4">
|
|
<label class="form-label">Customer</label>
|
|
<select name="customer" class="form-select" onchange="this.form.submit()">
|
|
<option value="">Select Customer...</option>
|
|
{% for customer in customers %}
|
|
<option value="{{ customer.id }}" {% if selected_customer.id == customer.id %}selected{% endif %}>
|
|
{{ customer.name }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">Start Date</label>
|
|
<input type="date" name="start_date" class="form-control" value="{{ start_date }}">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label class="form-label">End Date</label>
|
|
<input type="date" name="end_date" class="form-control" value="{{ end_date }}">
|
|
</div>
|
|
<div class="col-md-2 d-flex align-items-end">
|
|
<button type="submit" class="btn btn-primary w-100">Filter</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
{% if selected_customer %}
|
|
<div class="card shadow">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Statement for: {{ selected_customer.name }}</h5>
|
|
<div class="table-responsive">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Invoice #</th>
|
|
<th>Total</th>
|
|
<th>Paid</th>
|
|
<th>Balance</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for sale in sales %}
|
|
<tr>
|
|
<td>{{ sale.created_at|date:"Y-m-d" }}</td>
|
|
<td>{{ sale.invoice_number }}</td>
|
|
<td>{{ sale.total_amount }}</td>
|
|
<td>{{ sale.paid_amount }}</td>
|
|
<td>{{ sale.balance_due }}</td>
|
|
</tr>
|
|
{% empty %}
|
|
<tr>
|
|
<td colspan="5" class="text-center">No transactions found.</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endblock %} |