haikal/templates/sales/sales_list.html
2025-08-03 13:17:05 +03:00

120 lines
6.6 KiB
HTML

{% extends "base.html" %}
{% load i18n %}
{% load custom_filters %}
{%block title%} {%trans 'Sale Orders'%} {%endblock%}
{% block content %}
{% if txs or request.GET.q%}
<section class="mt-2">
<div class="row overflow-x-auto whitespace-nowrap -mx-2 sm:mx-0">
<div class="row g-3 justify-content-between mb-4">
<div class="col-auto">
<div class="d-md-flex justify-content-between">
<h2 class="mb-4">{% trans 'Sale Orders' %}<i class="fa-solid fa-cart-shopping ms-2 text-primary"></i></h2>
</div>
</div>
<div class="col-auto">
<div class="d-flex">
{% include 'partials/search_box.html' %}
</div>
</div>
</div>
<div class="table-responsive scrollbar mx-n1 px-1">
<table class="table align-items-center table-flush">
<thead>
<tr class="bg-body-highlight">
<th class="sort white-space-nowrap align-middle ps-0" scope="col" data-sort="customer_name">
{{ _("Customer Name")}}</th>
<th class="sort align-middle ps-3" scope="col" data-sort="customer_address" >{{ _("Customer Address")}}</th>
<th class="sort align-middle ps-3" scope="col" data-sort="customer_phone">{{ _("Customer Phone")}}</th>
<th class="sort align-middle ps-3" scope="col" data-sort="quotation">{{ _("Quotation") }}</th>
<th class="sort align-middle ps-3" scope="col" data-sort="invoice" >{{ _("Invoice") }}</th>
<th class="sort align-middle text-end" scope="col" ></th>
</tr>
</thead>
<tbody class="list" id="project-list-table-body">
{% for tx in txs %}
<tr class="position-static">
<td class="align-middle white-space-nowrap customer_name px-1">
<p class="mb-0 fs-9 text-body">{{tx.customer.first_name}} {{tx.customer.last_name}}</p>
</td>
<td class="align-middle white-space-nowrap customer_address">
<p class="mb-0 fs-9 text-body">{{tx.customer.address}}</p>
</td>
<td class="align-middle white-space-nowrap customer_phone">
<p class="mb-0 fs-9 text-body">{{tx.customer.phone_number}}</p>
</td>
<td class="align-middle white-space-nowrap quotation">
{% if tx.estimate and perms.django_ledger.view_estimatemodel%}
<p class="fw-bo text-body fs-9 mb-0">
<a href="{% url 'estimate_detail' request.dealer.slug tx.estimate.uuid %}">
{{ tx.estimate.estimate_number}}
</a><br>
{% if tx.estimate.status == "draft" %}
<span class="badge badge-phoenix badge-phoenix-warning">{{tx.estimate.status}}</span>
{% elif tx.estimate.status == "in_review" %}
<span class="badge badge-phoenix badge-phoenix-info">{{tx.estimate.status}}</span>
{% elif tx.estimate.status == "approved" %}
<span class="badge badge-phoenix badge-phoenix-primary">{{tx.estimate.status}}</span>
{% elif tx.estimate.status == "completed" %}
<span class="badge badge-phoenix badge-phoenix-success">{{tx.estimate.status}}</span>
{% endif %}
</p>
{% endif %}
</td>
<td class="align-middle white-space-nowrap invoice">
{% if tx.invoice and perms.django_ledger.view_invoicemodel%}
<p class="fw-bo text-body fs-9 mb-0">
<a href="{% url 'invoice_detail' request.dealer.slug request.entity.slug tx.invoice.uuid %}">
{{tx.invoice.invoice_number}}
</a><br>
{% if tx.invoice.is_draft %}
<span class="badge badge-phoenix badge-phoenix-warning">{{tx.invoice.invoice_status}}</span>
{% elif tx.invoice.is_review %}
<span class="badge badge-phoenix badge-phoenix-info">{{tx.invoice.invoice_status}}</span>
{% elif tx.invoice.is_approved %}
<span class="badge badge-phoenix badge-phoenix-primary">{{tx.invoice.invoice_status}}</span>
{% elif tx.invoice.is_completed %}
<span class="badge badge-phoenix badge-phoenix-success">{{tx.invoice.invoice_status}}</span>
{% elif tx.invoice.is_paid %}
<span class="badge badge-phoenix badge-phoenix-success">{{tx.invoice.invoice_status}}</span>
{% elif tx.invoice.is_canceled %}
<span class="badge badge-phoenix badge-phoenix-danger">{{tx.invoice.invoice_status}}</span>
{% elif tx.invoice.is_past_due %}
<span class="badge badge-phoenix badge-phoenix-danger">{{ _("Past Due")}}</span>
{% endif %}
</p>
{% endif %}
</td>
<td class="align-middle text-end white-space-nowrap pe-4 action">
<div class="btn-reveal-trigger position-static">
<button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10" type="button" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h fs-10"></span></button>
<div class="dropdown-menu dropdown-menu-end py-2"><a class="dropdown-item text-success-dark" href="{% url 'order_detail' request.dealer.slug tx.pk %}">{{ _("View Sales Order Detail") }}</a>
</div>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% if page_obj.paginator.num_pages > 1 %}
<div class="d-flex justify-content-end mt-3">
<div class="d-flex">
{% include 'partials/pagination.html'%}
</div>
</div>
{% endif %}
</div>
</section>
{% else %}
{% include "empty-illustration-page.html" with value="sale order" url='#' %}
{% endif %}
{% endblock %}