Merge pull request 'print pdf logic for po' (#268) from frontend into main

Reviewed-on: #268

car_inventory/urls.py

@@ -33,6 +33,5 @@ urlpatterns += i18n_patterns(
     # path('', include(tf_urls)),
 )
 
-
+# if not settings.DEBUG:
 urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
-urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

inventory/models.py

@@ -61,7 +61,7 @@ from encrypted_model_fields.fields import (
 # from simple_history.models import HistoricalRecords
 from plans.models import Invoice
 
-from django_extensions.db.fields import RandomCharField
+from django_extensions.db.fields import RandomCharField,AutoSlugField
 
 logger = logging.getLogger(__name__)
 logging.basicConfig(level=logging.INFO)
@@ -74,15 +74,7 @@ class Base(models.Model):
         primary_key=True,
         verbose_name=_("Primary Key"),
     )
-    slug = models.SlugField(
+    slug = RandomCharField(length=8, unique=True)
-        null=True,
-        blank=True,
-        unique=True,
-        verbose_name=_("Slug"),
-        help_text=_(
-            "Slug for the object. If not provided, it will be generated automatically."
-        ),
-    )
     created_at = models.DateTimeField(auto_now_add=True, verbose_name=_("Created At"))
     updated_at = models.DateTimeField(auto_now=True, verbose_name=_("Updated At"))
 
@@ -744,7 +736,7 @@ class Car(Base):
         )
 
     def save(self, *args, **kwargs):
-        self.slug = slugify(self.vin)
+        # self.slug = slugify(self.vin)
         self.hash = self.get_hash
         super(Car, self).save(*args, **kwargs)
 
@@ -1388,7 +1380,7 @@ class Dealer(models.Model, LocalizedNameMixin):
         blank=True,
         null=True,
         verbose_name=_("Logo"),
-        default="",
+        default="default-image/user.jpg",
     )
     thumbnail = ImageSpecField(
         source="logo",
@@ -1530,7 +1522,7 @@ class Staff(models.Model):
         blank=True,
         null=True,
         verbose_name=_("Image"),
-        default="",
+        default="default-image/user.jpg",
     )
     thumbnail = ImageSpecField(
         source="logo",
@@ -1758,7 +1750,7 @@ class Customer(models.Model):
         blank=True,
         null=True,
         verbose_name=_("Image"),
-        default="",
+        default="default-image/user.jpg",
     )
     thumbnail = ImageSpecField(
         source="image",
@@ -1912,7 +1904,7 @@ class Organization(models.Model, LocalizedNameMixin):
         blank=True,
         null=True,
         verbose_name=_("Logo"),
-        default="",
+        default="default-image/user.jpg",
     )
     thumbnail = ImageSpecField(
         source="logo",
@@ -2732,7 +2724,7 @@ class Vendor(models.Model, LocalizedNameMixin):
         blank=True,
         null=True,
         verbose_name=_("Logo"),
-        default="",
+        default="default-image/user.jpg",
     )
     thumbnail = ImageSpecField(
         source="logo",
@@ -2758,6 +2750,21 @@ class Vendor(models.Model, LocalizedNameMixin):
             models.Index(fields=["crn"], name="vendor_crn_idx"),
             models.Index(fields=["vrn"], name="vendor_vrn_idx"),
         ]
+        constraints = [
+            models.UniqueConstraint(
+                fields=["dealer", "crn"], name="unique_crn_per_dealer"
+            ),
+            models.UniqueConstraint(
+                fields=["dealer", "vrn"], name="unique_vrn_per_dealer"
+            ),
+            models.UniqueConstraint(
+                fields=["dealer", "email"], name="unique_email_per_dealer"
+            ),
+            models.UniqueConstraint(
+                fields=["dealer", "phone_number"], name="unique_phone_number_per_dealer"
+            ),
+        ]
+
 
     def __str__(self):
         return self.name

inventory/urls.py

@@ -342,11 +342,6 @@ urlpatterns = [
         views.CarDetailView.as_view(),
         name="car_detail",
     ),
-    path(
-        "<slug:dealer_slug>/cars/<slug:slug>/estimate/",
-        views.create_estimate_for_car,
-        name="create_estimate_for_car",
-    ),
     path("cars/<slug:slug>/history/", views.car_history, name="car_history"),
     path(
         "<slug:dealer_slug>/cars/<slug:slug>/update/",
@@ -794,7 +789,7 @@ urlpatterns = [
     ),
     path(
         "<slug:dealer_slug>/sales/estimates/create/<slug:slug>/",
-        views.estimate_create_from_opportunity,
+        views.create_estimate,
         name="estimate_create_from_opportunity",
     ),
     path(
@@ -943,7 +938,7 @@ urlpatterns = [
         views.ItemServiceUpdateView.as_view(),
         name="item_service_update",
     ),
-
+    
     path(
         "<slug:dealer_slug>/items/services/<int:pk>/detail/",
         views.ItemServiceDetailView.as_view(),
@@ -967,7 +962,7 @@ urlpatterns = [
     ),
     path(
         "<slug:dealer_slug>/items/expeneses/<uuid:pk>/detail/",
-        views.ItemExpenseDetailView.as_view(),
+        views.ItemExpenseDetailView.as_view(),  
         name="item_expense_detail",
     ),
     # Bills

inventory/views.py

@@ -12,6 +12,8 @@ import tempfile
 import numpy as np
 from time import sleep
 
+from weasyprint import HTML
+
 # from rich import print
 from random import randint
 from decimal import Decimal
@@ -3665,7 +3667,7 @@ class UserCreateView(
         #     return self.form_invalid(form)
 
         email = form.cleaned_data["email"]
-        if models.Staff.objects.filter(dealer=dealer,user__email=email).exists() or models.Dealer.objects.filter(user__email=email).exists():
+        if models.Staff.objects.filter(user__email=email).exists() or models.Dealer.objects.filter(user__email=email).exists():
             messages.error(
                 self.request,
                 _(
@@ -5118,7 +5120,29 @@ class EstimatePrintView(EstimateDetailView):
     uses a dedicated, stripped-down print template.
     """
     template_name = "sales/estimates/estimate_preview.html"
-
+   
+    def get(self, request, *args, **kwargs):
+       
+        self.object = self.get_object()
+        context = self.get_context_data(object=self.object)
+        
+        
+        # lang = request.GET.get('lang', 'ar')
+        
+       
+        template_path = "sales/estimates/estimate_preview.html"
+       
+         
+        html_string = render_to_string(template_path, context)
+        
+      
+        pdf_file = HTML(string=html_string).write_pdf()
+        
+       
+        response = HttpResponse(pdf_file, content_type='application/pdf')
+        response['Content-Disposition'] = f'attachment; filename="estimate_{self.object.estimate_number}.pdf"'
+        
+        return response
 
 
 @login_required
@@ -10982,7 +11006,45 @@ class PurchaseOrderDetailView(LoginRequiredMixin, PermissionRequiredMixin, Detai
             if i["po_item_status"] != "cancelled"
         )
         return context
+    def get(self, request, *args, **kwargs):
+        self.object = self.get_object()
+        context = self.get_context_data(object=self.object)
+        po_items_qs, item_data = self.object.get_itemtxs_data(
+            queryset=self.object.itemtransactionmodel_set.all().select_related(
+                "item_model", "bill_model"
+            )
+        )
+        
+        if self.object.po_status == 'fulfilled':
+            context['po_items_list']=po_items_qs
+            context['vendor']=po_items_qs.first().bill_model.vendor
+            context['dealer']=request.dealer
+        
+        # Check if PDF format is requested
+        if request.GET.get('format') == 'pdf':
+            # Use a separate, print-friendly template for the PDF
+            if request.GET.get('lang')=='en':
+                html_string = render_to_string(
+                "purchase_orders/po_detail_en_pdf.html", 
+                context
+               )
+            else:
+                html_string=render_to_string(
+                    "purchase_orders/po_detail_ar_pdf.html",
+                    context
+                )
+            
+          
+            
+            # Use WeasyPrint to generate the PDF
+            pdf = HTML(string=html_string).write_pdf()
+            
+            response = HttpResponse(pdf, content_type="application/pdf")
+            response["Content-Disposition"] = f'attachment; filename="PO_{self.object.po_number}.pdf"'
+            return response
 
+        # If not a PDF request, return the standard HTML response
+        return self.render_to_response(context)
 
 class PurchaseOrderListView(LoginRequiredMixin, PermissionRequiredMixin, ListView):
     model = PurchaseOrderModel

templates/crm/notifications_history.html

@@ -73,7 +73,7 @@ body {
                                 {% endif %}
                                 
                                 <div class="flex-grow-1">
-                                    <h5 class="mb-1 text-dark fw-normal">
+                                    <h5 class="mb-1  fw-normal">
                                         {{ notification.message|safe }}
                                     </h5>
                                     <p class="text-muted fs-6 mb-0 mt-2">
@@ -100,7 +100,7 @@ body {
             </div>
 
             <div class="col-lg-4 d-none d-lg-block">
-                <div class="card  border-0 rounded-4 p-4 sticky-top mt-3 bg-gray-200">
+                <div class="card  border-0 rounded-4 p-4 sticky-top position-static mt-3 bg-gray-200 w-100">
                     <h4 class="fw-bold mb-3">{% trans "Status" %}</h4>
                     <ul class="list-unstyled mb-0">
                         <li class="d-flex align-items-center mb-2">

templates/groups/group_list.html

@@ -9,10 +9,9 @@
     <main class="py-5">
         <div class="container">
             {% if groups or request.GET.q %}
-                <div class="card border-0 rounded-4 animate__animated animate__fadeInUp">
+               <div class=" d-flex flex-column flex-md-row justify-content-between align-items-md-center p-4">
-                    <div class="card-header border-bottom d-flex flex-column flex-md-row justify-content-between align-items-md-center p-4">
                         <h5 class="card-title mb-2 mb-md-0 me-md-4 fw-bold">
-                            <i class="fa-solid fa-user-group fs-3 me-1 text-primary "></i>{% trans "Groups" %}
+                            <i class="fa-solid fa-user-group fs-3 me-1  "></i>{% trans "Groups" %}
                         </h5>
                         <div class="d-flex gap-2">
                             <a href="{% url 'group_create' request.dealer.slug %}"
@@ -26,16 +25,18 @@
                             </a>
                         </div>
                     </div>
+                <div class="card border-0 rounded-4 animate__animated animate__fadeInUp">
+                    
                     <div class="card-body p-0">
                         <div class="table-responsive scrollbar mx-n1 px-1 mt-3">
                             <table class="table align-items-center table-hover mb-0">
                                 <thead>
-                                    <tr class="bg-light">
+                                    <tr class="">
-                                        <th scope="col" class="text-secondary text-uppercase fw-bold ps-4">{% trans 'name'|capfirst %}</th>
+                                        <th scope="col" class=" text-uppercase fw-bold ps-4">{% trans 'name'|capfirst %}</th>
-                                        <th scope="col" class="text-secondary text-uppercase fw-bold">{% trans 'total Users'|capfirst %}</th>
+                                        <th scope="col" class="text-uppercase fw-bold">{% trans 'total Users'|capfirst %}</th>
-                                        <th scope="col" class="text-secondary text-uppercase fw-bold">{% trans 'total permission'|capfirst %}</th>
+                                        <th scope="col" class="text-uppercase fw-bold">{% trans 'total permission'|capfirst %}</th>
                                         <th scope="col"
-                                            class="text-secondary text-uppercase fw-bold text-end pe-4">
+                                            class="text-uppercase fw-bold text-end pe-4">
                                             {% trans 'actions'|capfirst %}
                                         </th>
                                     </tr>

templates/inventory/car_detail.html

@@ -76,25 +76,22 @@
     {% endif %}
     <!-- Main row -->
     {% if car.ready %}
-    <div class="d-flex align-items-center">
+   <div class="d-flex align-items-center gap-2 mb-2">
-        <button type="button"
+    <button type="button"
-        class="btn btn-sm btn-phoenix-success mb-2 me-2"
+            class="btn btn-sm btn-phoenix-success"
             data-bs-toggle="modal"
             data-bs-target="#estimateModal">
-            {% trans 'Create Estimate' %}
+        {% trans 'Create Estimate' %}
+    </button>
+    {% if active_estimates %}
+        <button type="button" class="btn btn-phoenix-warning btn-sm"
+                data-bs-toggle="modal"
+                data-bs-target="#activeEstimatesModal">
+            {% trans "Active Estimates" %}
+            <span class="ms-2 badge rounded-pill text-bg-light">{{ active_estimates|length }}</span>
         </button>
-        <div class="d-flex align-items-center">
+     {% endif %}
-            <span class="badge rounded-10 badge-phoenix-success">{{active_estimates|length}}</span>
+</div>
-            <div class="d-flex flex-wrap gap-2 ms-2">
-                {% for e in active_estimates %}
-                <div class="d-flex flex-column gap-2">
-                    <span class="badge rounded-10 badge-phoenix-success">{{e.content_object.estimate_number}}</span>
-                    <span class="badge rounded-10 badge-phoenix-success">{{e.related_object}}</span>
-                </div>
-                {% endfor %}
-            </div>
-        </div>
-    </div>
 {% endif %}
     {% if perms.inventory.view_car %}
         <div class="row-fluid {% if car.status == 'sold' %}disabled{% endif %}">
@@ -545,7 +542,7 @@
                                 data-bs-dismiss="modal"
                                 aria-label="Close"></button>
                     </div>
-                    <div id="estimateModalBody" class="main-modal-body" style="padding: 20px;">
+                    <div id="estimateModalBody" class="main-modal-body" style="padding: 20px;">                        
                         <form action="{% url 'create_estimate_for_car' request.dealer.slug car.slug %}" method="post">
                             {% csrf_token %}
                             {{estimate_form|crispy}}
@@ -638,6 +635,32 @@
             </div>
         </div>
     {% endif %}
+
+    <!--active estimate modal-->
+
+    <div class="modal fade" id="activeEstimatesModal" tabindex="-1" aria-labelledby="activeEstimatesModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-top">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="activeEstimatesModalLabel">Active Estimates ({{ active_estimates|length }})</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <div class="d-flex flex-column gap-3">
+                    {% for e in active_estimates %}
+                    <div class="d-flex align-items-center gap-2 border-bottom pb-2">
+                        <span class="badge rounded-pill bg-primary text-light me-1">{{ e.content_object.estimate_number }}</span class="text-nowrap"><span>{% trans " created by: " %}</span>
+                        <div class="text-muted">{{ e.related_object }}</div>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-phoenix-secondary" data-bs-dismiss="modal">{% trans "Close" %}</button>
+            </div>
+        </div>
+    </div>
+</div>
 {% endblock %}
 {% block customJS %}
     <script>

templates/partials/task.html

@@ -8,8 +8,7 @@
                    type="checkbox"
                    hx-post="{% url 'update_schedule' request.dealer.slug task.pk %}"
                    hx-trigger="change"
-                   hx-swap="none"
+                   hx-swap="outerHTML"
-                   hx-on:click="$(this).closest('tr').toggleClass('completed-task')"
                    hx-target="#task-{{ task.pk }}" />
         </div>
     </td>
@@ -26,4 +25,4 @@
             <span class="badge badge-phoenix fs-10 badge-phoenix-warning"><i class="fa-solid fa-xmark"></i></span>
         {% endif %}
     </td>
-</tr>
+</tr>

templates/purchase_orders/includes/card_po.html

@@ -34,8 +34,8 @@
 </script>
 {% if not create_po %}
     {% if style == 'po-detail' %}
-        <div class="card shadow-sm border-0 mb-2">
+        <div class="card  mb-2">
-            <div class="card-header bg-light ">
+            <div class="card-header">
                 <div class="d-flex align-items-center mb-2 ">
                     <span class="me-3 text-primary">{% icon 'uil:bill' 36 %}</span>
                     <h2 class="h3 mb-0 text-primary me-4">{{ po_model.po_number }}</h2>
@@ -94,7 +94,7 @@
                     </div>
                 </div>
             </div>
-            <div class="card-footer bg-light" hx-boost="false">
+            <div class="card-footer" hx-boost="false">
                 {% if perms.django_ledger.change_purchaseordermodel %}
                     <div class="d-flex flex-wrap gap-2 justify-content-between">
                         <a href="{% url 'purchase_order_update' dealer_slug=request.dealer.slug entity_slug=entity_slug po_pk=po_model.pk %}"

templates/purchase_orders/includes/po_table_for_print.html

@@ -0,0 +1,52 @@
+{% load django_ledger %}
+{% load i18n %}
+{%load tenhal_tag %}
+<div class="table-container">
+    <table class="table is-fullwidth is-narrow is-striped is-bordered django-ledger-table-bottom-margin-75">
+        <thead>
+            <tr>
+                <th>{% trans "PO Number" %}</th>
+                <th>{% trans "Description" %}</th>
+                <th>{% trans "Status Date" %}</th>
+                <th>{% trans "PO Status" %}</th>
+                <th>{% trans "PO Amount" %}</th>
+                <th>{% trans "Actions" %}</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for po in po_list %}
+                <tr>
+                    <td>
+                        {% if po.po_number %}{{ po.po_number }}{% endif %}
+                    </td>
+                    <td>{{ po.po_title }}</td>
+                    <td>{{ po.get_status_action_date }}</td>
+                    <td>{{ po.get_po_status_display }}</td>
+                    <td>
+                        <span class="currency">{{ CURRENCY }}</span>{{ po.po_amount | currency_format }}
+                    </td>
+                    <td class="has-text-centered">
+                        <div class="dropdown is-right is-hoverable" id="bill-action-{{ po.uuid }}">
+                            <div class="dropdown-trigger">
+                                <button class="button is-small is-rounded is-outlined is-dark"
+                                        aria-haspopup="true"
+                                        aria-controls="dropdown-menu">
+                                    <span>{% trans "Actions" %}</span>
+                                    <span class="icon is-small">{% icon 'bi:arrow-down' 24 %}</span>
+                                </button>
+                            </div>
+                            <div class="dropdown-menu" id="dropdown-menu-{{ po.uuid }}" role="menu">
+                                <div class="dropdown-content">
+                                    <a href="{% url 'purchase_order_detail' po_pk=po.uuid %}"
+                                       class="dropdown-item has-text-success">{% trans "Details" %}</a>
+                                    <a href="{% url 'po-delete' entity_slug=entity_slug po_pk=po.uuid %}"
+                                       class="dropdown-item has-text-weight-bold has-text-danger">{% trans ' Delete' %}</a>
+                                </div>
+                            </div>
+                        </div>
+                    </td>
+                </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>

templates/purchase_orders/po_detail.html

@@ -8,6 +8,7 @@
   {% trans  "Purchase Order Detail" %}
 {% endblock %}
 {% block content %}
+
     <div class="container-fluid mt-4">
         <div class="row g-1">
             <div class="col-lg-12 mb-3">
@@ -15,6 +16,14 @@
                     <div class="card-body">
                         {% include 'purchase_orders/includes/card_po.html' with dealer_slug=request.dealer.slug po_model=po_model entity_slug=entity_slug style='po-detail' %}
                     </div>
+                    {% if po_model.po_status == 'fulfilled' %}
+                    <div class="ms-2">
+                        <a class="btn btn-phoenix-primary  my-2 mx-2"
+                         href="{{ request.path }}?format=pdf&lang=en"><i class="fa-solid fa-arrow-down me-1"></i>{% trans 'Download PO ENG' %}</a>
+                         <a class="btn btn-phoenix-primary my-2"
+                         href="{{ request.path }}?format=pdf&lang=ar"><i class="fa-solid fa-arrow-down me-1"></i>{% trans 'Download PO ARB' %}</a>
+                    </diV>
+                    {% endif %}
                 </div>
             </div>
             <div class="col-lg-12">

templates/purchase_orders/po_detail_ar_pdf.html

@@ -0,0 +1,182 @@
+{% load tenhal_tag %}
+{% load custom_filters %}
+
+<!DOCTYPE html>
+<html lang="ar" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <title>{{ po_model.po_number }}</title>
+    <style>
+        @font-face {
+            font-family: 'Noto Sans Arabic';
+            src: url('https://fonts.gstatic.com/s/notosansarabic/v35/or3qQxoQpw-Gv0yqj6V1p-B3.ttf') format('truetype');
+        }
+
+        /* General Body and Font Styles */
+        body {
+            font-family: 'Noto Sans Arabic', sans-serif;
+            font-size: 12px;
+            color: #333;
+            margin: 0;
+            padding: 0;
+            direction: rtl; /* This is the key for RTL support */
+        }
+
+        /* Page Layout and Margins for PDF */
+        @page {
+            size: A4;
+            margin: 20mm;
+            @top-left {
+                content: "صفحة " counter(page) " من " counter(pages);
+                font-size: 10px;
+                color: #555;
+            }
+        }
+
+        /* Header Styles */
+        .document-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 2px solid #333;
+            padding-bottom: 15px;
+            margin-bottom: 20px;
+        }
+        .document-header .logo {
+            max-width: 150px;
+            height: auto;
+        }
+        .document-header h1 {
+            font-size: 24px;
+            margin: 0;
+            color: #0056b3; /* A professional blue */
+        }
+        .document-header address {
+            text-align: left; /* Aligned to the left for RTL layout */
+            font-style: normal;
+            font-size: 10px;
+        }
+
+        /* Document Details Section */
+        .document-details {
+            display: flex;
+            flex-direction: row-reverse; /* Reverses the order of the sections */
+            justify-content: space-between;
+            margin-bottom: 30px;
+            line-height: 1.6;
+        }
+        .document-details .section {
+            width: 48%;
+        }
+        .document-details h2 {
+            font-size: 14px;
+            border-bottom: 1px solid #ccc;
+            padding-bottom: 5px;
+            margin-bottom: 10px;
+            color: #555;
+        }
+        .document-details p {
+            margin: 0;
+            font-size: 12px;
+        }
+        .document-details .label {
+            font-weight: bold;
+            color: #555;
+        }
+
+        /* Table Styles */
+        .table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        .table th, .table td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: right; /* Aligned to the right for RTL layout */
+        }
+        .table th {
+            background-color: #f2f2f2;
+            font-weight: bold;
+        }
+        .table tfoot td {
+            border-top: 2px solid #333;
+            font-weight: bold;
+        }
+        .text-right {
+            text-align: left; /* This is now for left alignment in an RTL context */
+        }
+
+        /* Footer Styles */
+        .document-footer {
+            text-align: center;
+            font-size: 10px;
+            color: #888;
+            border-top: 1px solid #ddd;
+            padding-top: 15px;
+            margin-top: 30px;
+        }
+        .footer-flex {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+    }
+    </style>
+</head>
+<body>
+    <div class="document-header">
+        <div>
+            <h1>أمر شراء</h1>
+            <h2 style="font-size: 18px;">{{ po_model.po_number }}</h2>
+        </div>
+        <div>
+                <h1>{{ dealer.name }}</h1>
+            <address>
+                العنوان: {{ dealer.address }}<br>
+                البريد الإلكتروني: {{ dealer.user.email }}<br>
+                الهاتف: {{ dealer.phone_number }}<br>
+                رقم السجل التجاري: {{ dealer.crn }} &nbsp;|&nbsp; رقم ضريبة القيمة المضافة: {{ dealer.vrn }}
+            </address>
+        </div>
+    </div>
+
+    <div class="document-details">
+        <div class="section">
+            <h2>التفاصيل:</h2>
+            <p><span class="label">رقم أمر الشراء:</span> {{ po_model.po_number }}</p>
+            <p><span class="label">تاريخ الإصدار:</span> {{ po_model.date_fulfilled|date:"Y/m/d" }}</p>
+        </div>
+        <div class="section">
+            <h2>يُرسل إلى:</h2>
+            <p><span class="label">المورد:</span> {{ vendor.vendor_name }}</p>
+            <p><span class="label">البريد الإلكتروني:</span> {{ vendor.email }}</p>
+            <p><span class="label">الهاتف:</span> {{ vendor.phone }}</p>
+            <p><span class="label">العنوان:</span> {{ vendor.address_1 }}</p>
+        </div>
+    </div>
+    <div class="col-lg-12">
+        <div class="table-responsive">
+            {% include 'purchase_orders/tags/po_item_table_print_ar.html' with  po_items_list=po_items_list %}
+        </div>
+    </div>
+
+    <div class="document-details" style="margin-top: 30px;">
+        <div class="section" style="width: 100%;">
+            <h2>ملاحظات:</h2>
+            <p>{{ po_model.notes|default:"لا توجد ملاحظات إضافية." }}</p>
+        </div>
+    </div>
+
+    <div class="document-details" style="margin-top: 10px; border-top: 1px solid #ddd; padding-top: 10px;">
+        <div class="section text-right" style="width: 100%;">
+            <p class="h4"><span class="label">المبلغ الإجمالي:</span> {{ po_total_amount|floatformat:'2g' }}<span class="icon-saudi_riyal"></span></p>
+        </div>
+    </div>
+    
+    <div class="document-footer footer-flex">
+        <p>&copy;&nbsp;<strong>هيكل</strong>&nbsp;{% now "Y" %}&nbsp;جميع الحقوق محفوظة.</p>
+        <p><strong>تنحل</strong>مدعوم من</p>
+    </div>  
+</body>
+</html>

templates/purchase_orders/po_detail_en_pdf.html

@@ -0,0 +1,174 @@
+{% load i18n %}
+{% load static %}
+{% load django_ledger %}
+{% load tenhal_tag %}
+{% load custom_filters %}
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>{{ po_model.po_number }}</title>
+    <style>
+        /* General Body and Font Styles */
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            font-size: 12px;
+            color: #333;
+            margin: 0;
+            padding: 0;
+        }
+
+        /* Page Layout and Margins for PDF */
+        @page {
+            size: A4;
+            margin: 20mm;
+            @top-right {
+                content: "Page " counter(page) " of " counter(pages);
+                font-size: 10px;
+                color: #555;
+            }
+        }
+
+        /* Header Styles */
+        .document-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 2px solid #333;
+            padding-bottom: 15px;
+            margin-bottom: 20px;
+        }
+        .document-header .logo {
+            max-width: 150px;
+            height: auto;
+        }
+        .document-header h1 {
+            font-size: 24px;
+            margin: 0;
+            color: #0056b3; /* A professional blue */
+        }
+        .document-header address {
+            text-align: right;
+            font-style: normal;
+            font-size: 10px;
+        }
+
+        /* Document Details Section */
+        .document-details {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 30px;
+            line-height: 1.6;
+        }
+        .document-details .section {
+            width: 48%;
+        }
+        .document-details h2 {
+            font-size: 14px;
+            border-bottom: 1px solid #ccc;
+            padding-bottom: 5px;
+            margin-bottom: 10px;
+            color: #555;
+        }
+        .document-details p {
+            margin: 0;
+            font-size: 12px;
+        }
+        .document-details .label {
+            font-weight: bold;
+            color: #555;
+        }
+
+        /* Table Styles */
+        .table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        .table th, .table td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: left;
+        }
+        .table th {
+            background-color: #f2f2f2;
+            font-weight: bold;
+        }
+        .table tfoot td {
+            border-top: 2px solid #333;
+            font-weight: bold;
+        }
+        .text-right {
+            text-align: right;
+        }
+
+        /* Footer Styles */
+        .document-footer {
+            text-align: center;
+            font-size: 10px;
+            color: #888;
+            border-top: 1px solid #ddd;
+            padding-top: 15px;
+            margin-top: 30px;
+        }
+
+         .footer-flex {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        width: 100%;
+         }
+    </style>
+</head>
+<body>
+    <div class="document-header">
+        <div>
+                <h1>{{ dealer.name }}</h1>
+            <address>
+                Address: {{ dealer.address}}<br>
+                Email: {{ dealer.user.email }}<br>
+                Phone: {{dealer.phone_number }}<br>
+                CRN: {{dealer.crn}}&nbsp;&nbsp;|&nbsp;VRN: {{dealer.vrn}}
+            </address>
+        </div>
+        <div>
+            <h1>PURCHASE ORDER</h1>
+            <h2 style="font-size: 18px;">{{ po_model.po_number }}</h2>
+        </div>
+    </div>
+
+    <div class="document-details">
+        <div class="section">
+            <h2>BILL TO:</h2>
+            <p><span class="label">Vendor: {{vendor.vendor_name}}</span> </p>
+            <p><span class="label">Email: {{vendor.email}}</span> </p>
+            <p><span class="label">Phone: {{vendor.phone}}</span> </p>
+            <p><span class="label">Address: {{vendor.address_1}}</span> </p>
+        </div>
+        <div class="section">
+            <h2>DETAILS:</h2>
+            <p><span class="label">PO Number:</span> {{ po_model.po_number }}</p>
+            <p><span class="label">Issue Date:</span> {{ po_model.date_fulfilled|date:"F j, Y" }}</p>
+        </div>
+    </div>
+    <div class="col-lg-12">
+        <div class="table-responsive">
+              {% include 'purchase_orders/tags/po_item_table_print_en.html' with  po_items_list=po_items_list %}
+        </div>
+    </div>
+
+    <div class="document-details" style="margin-top: 30px;">
+
+        <div class="section text-right">
+            <p class="h4"><span class="label">Total Amount:</span> {{ po_total_amount|floatformat:'2g' }}<span class="icon-saudi_riyal"></span></p>
+        </div>
+    </div>
+
+    <div class="document-footer footer-flex">
+        <p>&copy;&nbsp;{% now "Y" %}&nbsp;All rights reserved&nbsp;<strong>Haikal</strong>&nbsp;</p>
+         <p>Powered By&nbsp;<strong>Tenhal</strong></p>
+    </div>
+
+</body>
+</html>

templates/purchase_orders/tags/po_item_table_print_ar.html

@@ -0,0 +1,39 @@
+{% load tenhal_tag %}
+{% load custom_filters%}
+<div class="table-container" dir="rtl">
+    <table class="table is-fullwidth is-striped is-narrow is-bordered">
+        <thead>
+            <tr class="has-text-centered bg-body-highlight">
+                <th>البند</th>
+                <th>سعر الوحدة</th>
+                <th>كمية أمر الشراء</th>
+                <th>المبلغ</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for item in po_items_list %}
+                <tr>
+                    <td>{{ item.item_model }}</td>
+                    <td class="has-text-centered">{{ item.po_unit_cost }}</td>
+                    <td class="has-text-centered">{{ item.po_quantity }}</td>
+                    <td class="has-text-centered">
+                        <span class="icon-saudi_riyal"></span>{{ item.po_total_amount | currency_format }}
+                    </td>
+                    
+                </tr>
+            {% endfor %}
+        </tbody>
+        <tfoot>
+            <tr>
+                
+                <td></td>
+                <td class="has-text-left">إجمالي مبلغ أمر الشراء</td>
+                <td class="has-text-weight-bold has-text-centered">
+                    <span class="icon-saudi_riyal"></span>{{ po_model.po_amount | currency_format }}
+                </td>
+                <td></td>
+               
+            </tr>
+        </tfoot>
+    </table>
+</div>

templates/purchase_orders/tags/po_item_table_print_en.html

@@ -0,0 +1,39 @@
+{%load tenhal_tag %}
+{% load custom_filters %}
+<div class="table-container">
+    <table class="table is-fullwidth is-striped is-narrow is-bordered">
+        <thead>
+            <tr class="has-text-centered bg-body-highlight">
+                <th>Item</th>
+                <th>Unit Cost</th>
+                <th>PO Qty</th>
+                <th>Amount</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for item in po_items_list %}
+                <tr>
+                    <td>{{ item.item_model }}</td>
+                    <td class="has-text-centered">{{ item.po_unit_cost }}</td>
+                    <td class="has-text-centered">{{ item.po_quantity }}</td>
+                    <td class="has-text-centered">
+                        <span class="icon-saudi_riyal"></span>{{ item.po_total_amount | currency_format }}
+                    </td>
+                    
+                </tr>
+            {% endfor %}
+        </tbody>
+        <tfoot>
+            <tr>
+                
+                <td></td>
+                <td class="has-text-right">Total PO Amount</td>
+                <td class="has-text-weight-bold has-text-centered">
+                    <span class="icon-saudi_riyal"></span>{{ po_model.po_amount | currency_format }}
+                </td>
+                <td></td>
+               
+            </tr>
+        </tfoot>
+    </table>
+</div>

templates/sales/estimates/estimate_preview.html

@@ -1,362 +1,264 @@
 {% load i18n static custom_filters num2words_tags %}
 <!DOCTYPE html>
 <html lang="ar" dir="rtl">
-    <head>
+<head>
-        <meta charset="UTF-8">
+    <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% trans "Quotation" %}</title>
-        <title>{% trans "Quotation" %}</title>
+    <style>
-        <link href="{% static 'css/theme.min.css' %}"
+        /* General Body and Font Styles */
-              type="text/css"
+        body {
-              rel="stylesheet"
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-              id="style-default">
+            font-size: 12px;
-        <link href="{% static 'css/user.min.css' %}"
+            color: #333;
-              type="text/css"
+            margin: 0;
-              rel="stylesheet"
+            padding: 0;
-              id="user-style-default">
+        }
-        <link href="{% static 'css/custom.css' %}" type="text/css" rel="stylesheet">
-        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
-              rel="stylesheet">
-        <style>
-            body {
-                font-family: 'Roboto', sans-serif;
-                margin: 0;
-                padding: 0;
-                background-color: #f8f9fa;
-            }
 
-            .invoice-container {
+        /* Page Layout and Margins for PDF */
-                width: 210mm;
+        @page {
-                min-height: 297mm;
+            size: A4;
-                padding: 10mm;
+            margin: 20mm;
-                margin: 10mm auto;
+            @top-left {
-                background: white;
+                content: "صفحة " counter(page) " من " counter(pages);
-                border-radius: 5px;
+                font-size: 10px;
-                box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+                color: #555;
-                display: flex;
-                flex-direction: column;
             }
+        }
 
-            .invoice-content {
+        /* Header Styles */
-                flex-grow: 1;
+        .document-header {
-            }
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 2px solid #333;
+            padding-bottom: 15px;
+            margin-bottom: 20px;
+        }
+        .document-header .logo {
+            max-width: 150px;
+            height: auto;
+        }
+        .document-header h1 {
+            font-size: 24px;
+            margin: 0;
+            color: #0056b3; /* A professional blue */
+        }
+        .document-header address {
+            text-align: right;
+            font-style: normal;
+            font-size: 10px;
+        }
 
-            .invoice-header {
+        /* Document Details Section */
-                text-align: center;
+        .document-details {
-                border-bottom: 2px solid #dee2e6;
+            display: flex;
-                padding-bottom: 10px;
+            justify-content: space-between;
-                margin-bottom: 20px;
+            margin-bottom: 30px;
-            }
+            line-height: 1.6;
+        }
+        .document-details .section {
+            width: 48%;
+        }
+        .document-details h2 {
+            font-size: 14px;
+            border-bottom: 1px solid #ccc;
+            padding-bottom: 5px;
+            margin-bottom: 10px;
+            color: #555;
+        }
+        .document-details p {
+            margin: 0;
+            font-size: 12px;
+        }
+        .document-details .label {
+            font-weight: bold;
+            color: #555;
+        }
 
-            .qr-code {
+        /* Table Styles */
-                text-align: center;
+        .table {
-                margin-top: 10px;
+            width: 100%;
-            }
+            border-collapse: collapse;
+            margin-top: 20px;
+        }
+        .table th, .table td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: right;
+        }
+        .table th {
+            background-color: #f2f2f2;
+            font-weight: bold;
+        }
+        .table tfoot td {
+            border-top: 2px solid #333;
+            font-weight: bold;
+        }
+        .text-right {
+            text-align: left;
+        }
+         .text-left {
+            text-align: right;
+        }
+        .text-center {
+            text-align: center;
+        }
 
-            .qr-code img {
-                width: 3cm;
-                height: 3cm;
-                border-radius: 0.3333333333rem;
-            }
 
-            .invoice-details, .invoice-table {
+        /* Footer Styles */
-                font-size: 14px;
+        .document-footer {
-            }
+            text-align: center;
-
+            font-size: 10px;
-            .invoice-table th {
+            color: #888;
-                background-color: #f8f9fa;
+            border-top: 1px solid #ddd;
-                font-weight: 600;
+            padding-top: 15px;
-            }
+            margin-top: 30px;
-
+        }
-            .invoice-total {
+         .footer-flex {
-                text-align: right;
+        display: flex;
-                font-size: 16px;
+        justify-content: space-between;
-                font-weight: 600;
+        align-items: center;
-                margin-top: 10px;
+        width: 100%;
-            }
+         }
-
+    </style>
-            .footer-note {
+</head>
-                margin-top: auto;
+<body>
-                padding-top: 10mm;
+    <div class="document-header">
-                font-size: 13px;
+        <div>
-                display: flex;
+            <h1>{{ request.dealer.name }}</h1>
-                justify-content: space-between;
+            <address>
-                align-items: center;
+                العنوان: {{ request.dealer.address }}<br>
-                border-top: 2px solid #dee2e6;
+                البريد الإلكتروني: {{ request.dealer.user.email }}<br>
-            }
+                الهاتف: {{ request.dealer.phone_number }}<br>
-
+                رقم السجل التجاري: {{ request.dealer.crn }}&nbsp;&nbsp;|&nbsp;الرقم الضريبي: {{ request.dealer.vrn }}
-            .logo-img img {
+            </address>
-                width: 10mm;
-                height: 10mm;
-            }
-        </style>
-    </head>
-    <body>
-        <div class="row p-2">
-            <div class="col-2">
-                <button class="btn btn-sm btn-phoenix-danger w-100"
-                        onclick="window.history.back()">الرجوع&nbsp;/&nbsp;Back</button>
-            </div>
-            <div class="col-2">
-                <button class="btn btn-sm btn-phoenix-primary w-100" id="download-pdf">تحميل&nbsp;/&nbsp;Download</button>
-            </div>
-            <div class="col-8"></div>
         </div>
-        <div class="invoice-container" id="estimate-content">
+        <div>
-            <div class="invoice-content">
+            <h1>عرض سعر</h1>
-                <div class="invoice-header">
+            <h2 style="font-size: 18px;">{{ estimate.estimate_number }}</h2>
-                    <h5 class="fs-5">
+        </div>
-                        <span>Quotation</span>&nbsp;/&nbsp;<span>عرض سعر</span>
+    </div>
-                    </h5>
+
-                </div>
+    <div class="document-details">
-                <div class="invoice-details p-1">
+        <div class="section">
-                    <div class="d-flex justify-content-end align-items-end">
+            <h2>{{ estimate.customer.customer_name }}: إلى</h2>
-                        <div class="dealer-logo ">
+            <p><span class="label">العميل: {{ estimate.customer.customer_name }}</span></p>
-                            {% if request.dealer.logo %}
+            <p><span class="label">البريد الإلكتروني: {{ estimate.customer.email |default:"N/A"}}</span></p>
-                                <img class="rounded-soft"
+            <p><span class="label">الهاتف: {{ estimate.customer.phone_number|default:"N/A" }}</span></p>
-                                     style="max-width:200px;
+            <p><span class="label">العنوان: {{ estimate.customer.address_1|default:"N/A" }}</span></p>
-                                            max-height:200px"
+        </div>
-                                     src="{{ request.dealer.logo.url|default:'' }}"
+        <div class="section text-left">
-                                     alt="Dealer Logo" />
+            <h2>التفاصيل:</h2>
-                            {% endif %}
+            <p><span class="label">رقم عرض السعر:</span> {{ estimate.estimate_number }}</p>
-                        </div>
+            <p><span class="label">تاريخ الإصدار:</span> {{ estimate.date_approved|date:"Y/m/d" }}</p>
-                    </div>
+            <p><span class="label">طريقة الدفع:</span> {{ estimate.get_terms_display }}</p>
-                    <table class="table table-sm table-responsive border-gray-50">
+        </div>
-                        <tr>
+    </div>
-                            <td class="ps-1">
+    
-                                <strong>Dealership Name</strong>
+    <div class="col-lg-12">
-                            </td>
+        <div class="table-responsive">
-                            <td class="text-center">{{ request.dealer.name }}</td>
+            <div class="d-flex justify-content-between">
-                            <td class="text-end">
+                <span class="fs-9 fw-thin">تفاصيل السيارة</span>
-                                <strong>اسم الوكالة</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ps-1">
-                                <strong>Dealership Address</strong>
-                            </td>
-                            <td class="text-center">{{ request.dealer.address }}</td>
-                            <td class="text-end">
-                                <strong>العنوان</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ps-1">
-                                <strong>Phone</strong>
-                            </td>
-                            <td class="text-center">{{ request.dealer.phone_number }}</td>
-                            <td class="text-end">
-                                <strong>جوال</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>
-                                <strong>VAT Number</strong>
-                            </td>
-                            <td class="text-center">{{ request.dealer.vrn }}</td>
-                            <td class="text-end">
-                                <strong>الرقم الضريبي</strong>
-                            </td>
-                        </tr>
-                    </table>
-                    <table class="table table-sm table-bordered border-gray-50 ">
-                        <tr>
-                            <td class="ps-1">
-                                <strong>Quotation&nbsp;Number</strong>
-                            </td>
-                            <td class="text-center">{{ estimate.estimate_number }}</td>
-                            <td class="text-end p-1">
-                                <strong>رقم عرض السعر</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ps-1">
-                                <strong>Date</strong>
-                            </td>
-                            <td class="text-center">{{ estimate.date_approved| date:"Y/m/d" }}</td>
-                            <td class="text-end p-1">
-                                <strong>التاريخ</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ps-1">
-                                <strong>Customer Name</strong>
-                            </td>
-                            <td class="text-center">{{ estimate.customer.customer_name }}</td>
-                            <td class="text-end p-1">
-                                <strong>العميل</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ps-1">
-                                <strong>Email</strong>
-                            </td>
-                            <td class="text-center">{{ estimate.customer.email |default:"N/A" }}</td>
-                            <td class="text-end p-1">
-                                <strong>البريد الإلكتروني</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="ps-1">
-                                <strong>Terms</strong>
-                            </td>
-                            <td class="text-center">{{ estimate.get_terms_display }}</td>
-                            <td class="text-end p-1">
-                                <strong>طريقة&nbsp;الدفع</strong>
-                            </td>
-                        </tr>
-                    </table>
-                </div>
-                <div class="d-flex justify-content-between">
-                    <span class="fs-9 fw-thin">Car Details</span>
-                    <span class="fs-9 fw-thin">تفاصيل السيارة</span>
-                </div>
-                <div class="invoice-table p-1">
-                    <table class="table table-sm table-bordered m-1">
-                        <thead>
-                            <tr>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Make</span> / <span class="fs-10">الصانع</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Model</span> / <span class="fs-10">الموديل</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Series</span> / <span class="fs-10">السلسلة</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Trim</span> / <span class="fs-10">الفئة</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Year</span> / <span class="fs-10">السنة</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">VIN</span> / <span class="fs-10">رقم الهيكل</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Quantity</span> / <span class="fs-10">الكمية</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Unit Price</span> / <span class="fs-10">سعر الوحدة</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Discount</span> / <span class="fs-10">الخصم</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">VAT</span> / <span class="fs-10">الضريبة</span>
-                                </th>
-                                <th class="text-wrap text-center align-content-center">
-                                    <span class="fs-10">Total</span> / <span class="fs-10">الإجمالي</span>
-                                </th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr>
-                                <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_make.name }}</td>
-                                <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_model.name }}</td>
-                                <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_serie.name }}</td>
-                                <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_trim.name }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ data.car.year }}</td>
-                                <td class="ps-1 fs-10 align-content-center">{{ data.car.vin }}</td>
-                                <td class="text-center fs-10 align-content-center">1</td>
-                                <td class="text-center fs-10 align-content-center">{{ data.car.marked_price |floatformat:2 }}</td>
-                                <td class="text-center fs-10 align-content-center">{{  data.discount_amount |floatformat:2 }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ data.vat_amount|floatformat:2 }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ data.final_price|floatformat:2 }}</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                </div>
-                <div class="d-flex justify-content-between">
-                    <span class="fs-9 fw-thin">Additional&nbsp;Services</span>
-                    <span class="fs-9 fw-thin">الخدمات&nbsp;الإضافية</span>
-                </div>
-                {% if data.additional_services %}
-                    <div class="invoice-table p-1">
-                        <table class="table table-sm table-bordered m-1">
-                            <thead>
-                                <tr>
-                                    <th class="text-center fs-10 align-content-center">Type&nbsp;/&nbsp;النوع</th>
-                                    <th class="text-center fs-10 align-content-center">Price&nbsp;/&nbsp;القيمة</th>
-                                    <th class="text-center fs-10 align-content-center">VAT&nbsp;/&nbsp;ضريبة الخدمة</th>
-                                    <th class="text-center fs-10 align-content-center">
-                                        <span class="fs-10">Total</span> / <span class="fs-10">الإجمالي</span>
-                                    </th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                {% for service in data.additional_services.services %}
-                                    <tr>
-                                        <td class="ps-1 text-start fs-10 align-content-center">{{ service.0.name }}</td>
-                                        <td class="ps-1 text-center fs-10 align-content-center">{{ service.0.price|floatformat }}</td>
-                                        <td class="ps-1 text-center fs-10 align-content-center">{{ service.1|floatformat }}</td>
-                                        <td class="ps-1 text-center fs-10 align-content-center">{{ service.0.price_|floatformat }}</td>
-                                    </tr>
-                                {% endfor %}
-                            </tbody>
-                        </table>
-                    </div>
-                {% endif %}
-                <div class="invoice-total d-flex justify-content-end">
-                    <div class="table-responsive">
-                        <table class="table table-sm table-responsive">
-                            <tr>
-                                <td class="text-start ps-1">
-                                    <strong class="fs-9">Total VAT</strong>
-                                </td>
-                                <td class="text-center">
-                                    <span class="fs-9">{{ data.total_vat|floatformat }} <span class="icon-saudi_riyal"></span></span>
-                                </td>
-                                <td class="text-end">
-                                    <strong class="fs-9">إجمالي&nbsp;ضريبة&nbsp;القيمة&nbsp;المضافة</strong>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td class="text-start ps-1">
-                                    <strong class="fs-9">Grand Total</strong>
-                                </td>
-                                <td class="text-center">
-                                    <span class="fs-9">{{ data.grand_total|floatformat }}&nbsp;<span class="icon-saudi_riyal"></span></span>
-                                </td>
-                                <td class="text-end">
-                                    <strong class="fs-9">الإجمالي</strong>
-                                </td>
-                            </tr>
-                            <tr>
-                                <td class="text-end" colspan="3">
-                                    <span class="fs-9 fw-bold">كتابةً:&nbsp;</span><span class="fs-9">{{ data.grand_total|num_to_words }}&nbsp;<span class="icon-saudi_riyal"></span></span>
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-                </div>
             </div>
-            <div class="footer-note">
+            <table class="table table-sm table-bordered m-1">
-                <div class="logo-img text-center">
+                <thead>
-                    <img src="{% static 'images/logos/logo-d-pdf.png' %}" alt="Logo" />
+                    <tr>
-                    <p class="fs-9 fw-bold">
+                        <th class="text-wrap text-center align-content-center">
-                        <span>Haikal</span>&nbsp;|&nbsp;<span>هيكل</span>
+                            <span class="fs-10">الصانع</span>
-                    </p>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">الموديل</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">السلسلة</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">الفئة</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">السنة</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">رقم الهيكل</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">الكمية</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">سعر الوحدة</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">الخصم</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">الضريبة</span>
+                        </th>
+                        <th class="text-wrap text-center align-content-center">
+                            <span class="fs-10">الإجمالي</span>
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_make.name }}</td>
+                        <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_model.name }}</td>
+                        <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_serie.name }}</td>
+                        <td class="ps-1 fs-10 align-content-center">{{ data.car.id_car_trim.name }}</td>
+                        <td class="text-center fs-10 align-content-center">{{ data.car.year }}</td>
+                        <td class="ps-1 fs-10 align-content-center">{{ data.car.vin }}</td>
+                        <td class="text-center fs-10 align-content-center">1</td>
+                        <td class="text-center fs-10 align-content-center">{{ data.car.marked_price|floatformat:2 }}</td>
+                        <td class="text-center fs-10 align-content-center">{{ data.discount_amount|floatformat:2 }}</td>
+                        <td class="text-center fs-10 align-content-center">{{ data.vat_amount|floatformat:2 }}</td>
+                        <td class="text-center fs-10 align-content-center">{{ data.final_price|floatformat:2 }}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+
+    {% if data.additional_services %}
+        <div class="col-lg-12">
+            <div class="table-responsive">
+                <div class="d-flex justify-content-between">
+                    <span class="fs-9 fw-thin">الخدمات الإضافية</span>
                 </div>
-                <p class="fs-11">
+                <table class="table table-sm table-bordered m-1">
-                    <span class="fw-thin">Powered&nbsp;by&nbsp;</span>
+                    <thead>
-                    <a class="text-decoration-none fs-9"
+                        <tr>
-                       href="https://tenhal.sa"
+                            <th class="text-center fs-10 align-content-center">النوع</th>
-                       style="color: #112e40"><span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span></a>
+                            <th class="text-center fs-10 align-content-center">القيمة</th>
-                </p>
+                            <th class="text-center fs-10 align-content-center">ضريبة الخدمة</th>
+                            <th class="text-center fs-10 align-content-center">الإجمالي</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for service in data.additional_services.services %}
+                            <tr>
+                                <td class="ps-1 text-center fs-10 align-content-center">{{ service.0.name }}</td>
+                                <td class="ps-1 text-center fs-10 align-content-center">{{ service.0.price|floatformat:2 }}</td>
+                                <td class="ps-1 text-center fs-10 align-content-center">{{ service.1|floatformat:2 }}</td>
+                                <td class="ps-1 text-center fs-10 align-content-center">{{ service.0.price_|floatformat:2 }}</td>
+                            </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
             </div>
         </div>
-        <script src="{% static 'vendors/bootstrap/bootstrap.min.js' %}"></script>
+    {% endif %}
-        <script src="{% static 'js/html2pdf.bundle.min.js' %}"></script>
+
-        <script>
+    <div class="document-details" style="margin-top: 30px;">
-            document.getElementById('download-pdf').addEventListener('click', function () {
+        <div class="section text-left">
-                html2pdf().from(document.getElementById('estimate-content')).set({
+            <p><span class="label">إجمالي ضريبة القيمة المضافة:</span> {{ data.total_vat|floatformat:'2g' }}</p>
-                    margin: 0,
+            <p><span class="label">الإجمالي الكلي:</span> {{ data.grand_total|floatformat:'2g' }}</p>
-                    filename: "{{ estimate.estimate_number }}_{{ estimate.customer.customer_name  }}_{{estimate.date_approved|date:'Y-m-d' }}.pdf",
+            <p><span class="label">كتابةً:</span> {{ data.grand_total|num_to_words }}</p>
-                    image: { type: 'jpeg', quality: 0.98 },
+        </div>
-                    html2canvas: { scale: 3 },
+    </div>
-                    jsPDF: { unit: 'mm', format: 'a3', orientation: 'portrait' }
+
-                }).save();
+    <div class="document-footer footer-flex">
-            });
+        <p>&copy;&nbsp;{% now "Y" %}&nbsp;جميع الحقوق محفوظة&nbsp;<strong>هيكل</strong></p>
-        </script>
+        <p>بواسطة&nbsp;<strong>تنحل</strong></p>
-    </body>
+    </div>
-</html>
+
+</body>
+</html>

templates/users/user_list.html

@@ -9,7 +9,7 @@
         {% if users or request.GET.q %}
             <div class="d-flex align-items-center justify-content-between mb-4">
                 <h1 class="h3 mb-0 text-muted d-flex align-items-center">
-                    <i class="fa-solid fa-user-tie text-primary me-3 fs-2"></i>
+                    <i class="fa-solid fa-user-tie  me-3 fs-2"></i>
                     {% trans "Staffs" %}
                 </h1>
                 {% if request.user.userplan %}