dashboards and sale report

inventory/models.py

@@ -583,6 +583,7 @@ class AdditionalServices(models.Model, LocalizedNameMixin):
             "price_": str(self.price_),
             "taxable": self.taxable,
             "uom": self.uom,
+            "service_tax":str(self.service_tax)
         }
 
     @property
@@ -593,6 +594,13 @@ class AdditionalServices(models.Model, LocalizedNameMixin):
             if self.taxable
             else self.price
         )
+    
+    @property
+    def service_tax(self):
+        vat = VatRate.objects.filter(dealer=self.dealer, is_active=True).first()
+        return (
+            Decimal(self.price * vat.rate)
+        )
 
     class Meta:
         verbose_name = _("Additional Services")
@@ -865,19 +873,64 @@ class Car(Base):
     #
     @property
     def get_additional_services_amount(self):
+        return sum([Decimal(x.price) for x in self.additional_services.all()])
+    @property
+    def get_additional_services_amount_(self):
         return sum([Decimal(x.price_) for x in self.additional_services.all()])
+    @property
+    def get_additional_services_vat(self):
+        vat = VatRate.objects.filter(dealer=self.dealer,is_active=True).first()
+        return sum([Decimal((x.price)*(vat.rate)) for x in self.additional_services.all()])
 
     def get_additional_services(self):
-        return {"services": [x for x in self.additional_services.all()],"total":self.get_additional_services_amount}
+        vat = VatRate.objects.filter(dealer=self.dealer,is_active=True).first()
+        return {"services": [[x,(x.price)*(vat.rate)] for x in self.additional_services.all()],
+                "total_":self.get_additional_services_amount_,
+                "total":self.get_additional_services_amount,
+                "services_vat":self.get_additional_services_vat}
 
     @property
+    def final_price(self):
+        return Decimal(self.marked_price -self.discount)
+    @property
     def vat_amount(self):
         vat = VatRate.objects.filter(dealer=self.dealer,is_active=True).first()
-        return Decimal(self.marked_price) * (vat.rate / 100)
-
+        return Decimal(self.final_price) * (vat.rate)
+    
     @property
-    def total_vat(self):
-        return Decimal(self.marked_price) + Decimal(self.vat_amount)
+    def total_services_and_car_vat(self):
+        return self.vat_amount+self.get_additional_services()['services_vat']
+    
+    @property
+    def final_price_plus_vat(self):
+        return Decimal(self.final_price) + Decimal(self.vat_amount)
+    
+    @property
+    def final_price_plus_services_plus_vat(self):
+        return Decimal(self.final_price_plus_vat) + Decimal(self.get_additional_services()['total_']) #total services with vat and car_sell price with vat        
+    # to be used after invoice is created
+    @property
+    def invoice(self):
+        return self.item_model.invoicemodel_set.first() or None
+    @property
+    def estimate(self):
+        return getattr(self.invoice,'ce_model',None)
+    @property
+    def discount(self):
+        if not self.estimate:
+            return 0
+        try:
+            instance = ExtraInfo.objects.get(
+            dealer=self.dealer,
+            content_type=ContentType.objects.get_for_model(EstimateModel),
+            object_id=self.estimate.pk,
+           )
+            return Decimal(instance.data.get('discount',0))
+        except ExtraInfo.DoesNotExist:
+             return Decimal(0)
+
+  
+    
     # def get_discount_amount(self,estimate,user):
     #     try:
     #         instance = models.ExtraInfo.objects.get(

inventory/urls.py

@@ -43,7 +43,7 @@ urlpatterns = [
 
 
     #dashboards
-    path("dashboards/dealer/", views.DealerDashboard.as_view(),name="dealer_dashboard"),
+    path("dashboards/dealer/", views.DealerDashboard,name="dealer_dashboard"),
     path( "dashboards/manager/", views.ManagerDashboard.as_view(),name="manager_dashboard"),
     path("dashboards/sales/", views.SalesDashboard.as_view(), name="sales_dashboard"),
     path("dashboards/accountant/", views.AccountantDashboard.as_view(), name="accountant_dashboard"),
@@ -775,6 +775,7 @@ urlpatterns = [
         views.EstimateDetailView.as_view(),
         name="estimate_detail",
     ),
+    path('<slug:dealer_slug>/sales/estimates/print/<uuid:pk>/', views.EstimatePrintView.as_view(), name='estimate_print'),
     path(
         "<slug:dealer_slug>/sales/estimates/create/",
         views.create_estimate,

inventory/utils.py

@@ -1288,18 +1288,24 @@ def get_finance_data(estimate,dealer):
         )
         discount = extra_info.data.get("discount", 0)
         discount = Decimal(discount)
-        vat_amount = car.marked_price * vat.rate
+        
         additional_services = car.get_additional_services()
-
+        discounted_price=(Decimal(car.marked_price) - discount)
+        vat_amount = discounted_price * vat.rate
+        total_services_vat=sum([ x[1] for x in additional_services.get("services")])
+        total_vat=vat_amount+total_services_vat
         return {
             "car": car,
-            "discounted_price": (Decimal(car.marked_price) - discount) or 0,
+            "discounted_price": discounted_price or 0,
             "price_before_discount": car.marked_price,
             "vat_amount": vat_amount,
             "vat_rate": vat.rate,
             "discount_amount": discount,
             "additional_services": additional_services,
-            "grand_total": (car.marked_price - discount) + vat_amount + additional_services.get("total")
+            "final_price": discounted_price+ vat_amount,
+            "total_services_vat":total_services_vat,
+            "total_vat":total_vat,
+            "grand_total": discounted_price + vat_amount + additional_services.get("total")
         }
 
 

inventory/views.py

@@ -17,7 +17,7 @@ from random import randint
 from decimal import Decimal
 from io import TextIOWrapper
 from django.apps import apps
-from datetime import datetime, timedelta
+from datetime import datetime, timedelta,date
 from calendar import month_name
 from pyzbar.pyzbar import decode
 from urllib.parse import urlparse, urlunparse
@@ -391,101 +391,164 @@ class TestView(TemplateView):
 
     template_name = "inventory/cars_list_api.html"
 
-class DealerDashboard(LoginRequiredMixin, TemplateView):
-    """
-    ManagerDashboard class is a view handling the dashboard for a manager.
+# class DealerDashboard(LoginRequiredMixin, TemplateView):
+#     """
+#     ManagerDashboard class is a view handling the dashboard for a manager.
 
-    Provides functionality to manage and view various statistics and data specific
-    to the dealer associated with the authenticated manager. It uses a specific
-    template and ensures authentication before granting access. The class
-    aggregates data about cars, leads, financial statistics, and other related
-    business information for display in the manager's dashboard.
+#     Provides functionality to manage and view various statistics and data specific
+#     to the dealer associated with the authenticated manager. It uses a specific
+#     template and ensures authentication before granting access. The class
+#     aggregates data about cars, leads, financial statistics, and other related
+#     business information for display in the manager's dashboard.
 
-    :ivar template_name: Path to the template used for rendering the manager's dashboard.
-    :type template_name: str
-    """
+#     :ivar template_name: Path to the template used for rendering the manager's dashboard.
+#     :type template_name: str
+#     """
 
-    template_name = "dashboards/dealer_dashbaord.html"
+#     template_name = "dashboards/dealer_dashbaord.html"
 
-    # def dispatch(self, request, *args, **kwargs):
-    #     if not request.user.is_authenticated:
-    #         return redirect("welcome")
-    #     if not getattr(request.user, "dealer", False):
-    #         return HttpResponseForbidden(
-    #             "You are not authorized to view this dashboard."
-    #         )
-    #     return super().dispatch(request, *args, **kwargs)
+#     # def dispatch(self, request, *args, **kwargs):
+#     #     if not request.user.is_authenticated:
+#     #         return redirect("welcome")
+#     #     if not getattr(request.user, "dealer", False):
+#     #         return HttpResponseForbidden(
+#     #             "You are not authorized to view this dashboard."
+#     #         )
+#     #     return super().dispatch(request, *args, **kwargs)
 
-    def get_context_data(self, **kwargs):
-        context = super().get_context_data(**kwargs)
-        dealer = get_user_type(self.request)
-        entity = dealer.entity
+#     def get_context_data(self, **kwargs):
+#         context = super().get_context_data(**kwargs)
+#         dealer = get_user_type(self.request)
+#         entity = dealer.entity
 
-        qs = models.Car.objects.filter(dealer=dealer)
-        total_cars = qs.count()
+#         qs = models.Car.objects.filter(dealer=dealer)
+#         total_cars = qs.count()
 
-        stats = models.CarFinance.objects.filter(car__dealer=dealer).aggregate(
-            total_cost_price=Sum("cost_price"),
-            total_selling_price=Sum("selling_price"),
-        )
-        total_cost_price = stats["total_cost_price"] or 0
-        total_selling_price = stats["total_selling_price"] or 0
-        total_profit = total_selling_price - total_cost_price
+#         # stats = models.CarFinance.objects.filter(car__dealer=dealer).aggregate(
+#         #     total_cost_price=Sum("cost_price"),
+#         #     total_selling_price=Sum("selling_price"),
+#         # )
+#         # total_cost_price = stats["total_cost_price"] or 0
+#         # total_selling_price = stats["total_selling_price"] or 0
+#         # total_profit = total_selling_price - total_cost_price
 
-        new_leads = models.Lead.objects.filter(
-            dealer=dealer, status=models.Status.NEW
-        ).count()
-        pending_leads = models.Lead.objects.filter(
-            dealer=dealer, status=models.Status.CONTACTED
-        ).count()
-        canceled_leads = models.Lead.objects.filter(
-            dealer=dealer, status=models.Status.UNQUALIFIED
-        ).count()
+#         # new_leads = models.Lead.objects.filter(
+#         #     dealer=dealer, status=models.Status.NEW
+#         # ).count()
+#         # pending_leads = models.Lead.objects.filter(
+#         #     dealer=dealer, status=models.Status.CONTACTED
+#         # ).count()
+#         # canceled_leads = models.Lead.objects.filter(
+#         #     dealer=dealer, status=models.Status.UNQUALIFIED
+#         # ).count()
 
-        car_status_qs = qs.values("status").annotate(count=Count("status"))
-        car_status = {status: count for status, count in car_status_qs}
+#         # car_status_qs = qs.values("status").annotate(count=Count("status"))
+#         # car_status = {status: count for status, count in car_status_qs}
 
-        car_by_make_qs = qs.values("id_car_make__name").annotate(count=Count("id"))
-        car_by_make = list(car_by_make_qs)
+#         # car_by_make_qs = qs.values("id_car_make__name").annotate(count=Count("id"))
+#         # car_by_make = list(car_by_make_qs)
 
-        context["dealer"] = dealer
-        context["total_activity"] = models.UserActivityLog.objects.filter(
-            user=dealer.user
-        ).count()
-        context["total_cars"] = total_cars
-        context["total_reservations"] = models.CarReservation.objects.filter(
-            reserved_until__gte=timezone.now()
-        ).count()
-        context["total_cost_price"] = total_cost_price
-        context["total_selling_price"] = total_selling_price
-        context["total_profit"] = total_profit
-        context["new_leads"] = new_leads
-        context["pending_leads"] = pending_leads
-        context["canceled_leads"] = canceled_leads
-        context["car"] = json.dumps(car_by_make)
+#         # context["dealer"] = dealer
+#         # context["total_activity"] = models.UserActivityLog.objects.filter(
+#         #     user=dealer.user
+#         # ).count()
+#         # context["total_cars"] = total_cars
+#         # context["total_reservations"] = models.CarReservation.objects.filter(
+#         #     reserved_until__gte=timezone.now()
+#         # ).count()
+#         # context["total_cost_price"] = total_cost_price
+#         # context["total_selling_price"] = total_selling_price
+#         # context["total_profit"] = total_profit
+#         # context["new_leads"] = new_leads
+#         # context["pending_leads"] = pending_leads
+#         # context["canceled_leads"] = canceled_leads
+#         # context["car"] = json.dumps(car_by_make)
 
 
-        context["available_cars"] =qs.filter(status='available').count()
-        context["sold_cars"] = qs.filter(status='sold').count()
-        context["reserved_cars"] = qs.filter(status='reserved').count()
-        context["hold_cars"] =qs.filter(status='hold').count()
-        context["damaged_cars"] = qs.filter(status='damaged').count()
-        context["transfer_cars"] = qs.filter(status='transfer').count()
-        context["present_inventory_count"]=total_cars-context["sold_cars"]-context["damaged_cars"]
-        cars_sold=qs.filter(status='sold')
-        # cars_sold.aggregate(total_inventory_value=sum())
+#         # context["available_cars"] =qs.filter(status='available').count()
+#         # context["sold_cars"] = qs.filter(status='sold').count()
+#         # context["reserved_cars"] = qs.filter(status='reserved').count()
+#         # context["hold_cars"] =qs.filter(status='hold').count()
+#         # context["damaged_cars"] = qs.filter(status='damaged').count()
+#         # context["transfer_cars"] = qs.filter(status='transfer').count()
+#         # context["present_inventory_count"]=total_cars-context["sold_cars"]-context["damaged_cars"]
+#         # cars_sold=qs.filter(status='sold')
+#         # cars_sold.aggregate(total_inventory_value=sum())
+        
 
 
-        context["customers"] = entity.get_customers().count()
-        context["staff"] = models.Staff.objects.filter(dealer=dealer).count()
-        context["total_leads"] = models.Lead.objects.filter(dealer=dealer).count()
-        context["invoices"] = entity.get_invoices().count()
-        context["estimates"] = entity.get_estimates().count()
-        context["purchase_orders"] = entity.get_purchase_orders().count()
+#         context["customers"] = entity.get_customers().count()
+#         context["staff"] = models.Staff.objects.filter(dealer=dealer).count()
+#         context["total_leads"] = models.Lead.objects.filter(dealer=dealer).count()
+#         context["invoices"] = entity.get_invoices().count()
+#         context["estimates"] = entity.get_estimates().count()
+#         context["purchase_orders"] = entity.get_purchase_orders().count()
 
 
 
-        return context
+#         return context
+
+
+
+def DealerDashboard(request):
+    dealer = request.dealer
+    cars_sold = models.Car.objects.filter(dealer=dealer, status='sold')
+
+    today_local = timezone.localdate()
+    start_date_str = request.GET.get('start_date')
+    end_date_str = request.GET.get('end_date')
+
+    if not start_date_str:
+        start_date = today_local - timedelta(days=30)
+    else:
+        start_date = timezone.datetime.strptime(start_date_str, '%Y-%m-%d').date()
+
+    if not end_date_str:
+        end_date = today_local
+    else:
+        end_date = timezone.datetime.strptime(end_date_str, '%Y-%m-%d').date()
+
+
+    # The database query will automatically be handled in a timezone-aware manner
+    cars_sold_filtered = cars_sold.filter(
+        sold_date__date__gte=start_date,
+        sold_date__date__lte=end_date
+    )
+    print(cars_sold_filtered)
+    # # Calculate summary data for the filtered results
+    total_cars_sold=cars_sold_filtered.count()
+    print(total_cars_sold)
+    total_revenue_from_cars = sum([ car.final_price for car in cars_sold_filtered]) 
+    total_cost_of_cars_sold=sum([car.cost_price for car in cars_sold_filtered])
+    net_profit_from_cars=total_revenue_from_cars-total_cost_of_cars_sold
+    total_vat_collected_from_cars=sum([car.vat_amount for car in cars_sold_filtered]) 
+    total_revenue_from_services=sum([car.get_additional_services()['total'] for car in cars_sold_filtered])
+    total_vat_collected_from_services=sum([car.get_additional_services()['services_vat'] for car in cars_sold_filtered])
+    total_vat_collected = total_vat_collected_from_cars+total_vat_collected_from_services
+    total_revenue_generated=total_revenue_from_cars+total_revenue_from_services
+    total_discount = sum([car.discount for car in cars_sold_filtered])
+
+    context = {
+        'start_date': start_date,
+        'end_date': end_date,
+        'cars_sold': cars_sold_filtered,
+        'total_cars_sold':total_cars_sold,
+        'total_cost_of_cars_sold':total_cost_of_cars_sold,
+        'total_revenue_from_cars':total_revenue_from_cars,
+        'net_profit_from_cars':net_profit_from_cars,
+        'total_vat_collected_from_cars': total_vat_collected_from_cars,
+        'total_discount_on_cars':total_discount,
+        'total_revenue_from_services':total_revenue_from_services,
+        'total_vat_collected_from_services': total_vat_collected_from_services,
+        'total_revenue_generated': total_revenue_generated,
+        'total_vat_collected':total_vat_collected,
+         
+    }
+
+    return render(request, 'dashboards/dealer_dashboard.html', context)
+
+
+   
 
 class ManagerDashboard(LoginRequiredMixin, TemplateView):
     """
@@ -4815,7 +4878,7 @@ def create_estimate(request, dealer_slug, slug=None):
                             "quantity": 1,
                             "unit_cost": round(float(i.marked_price)),
                             "unit_revenue": round(float(i.marked_price)),
-                            "total_amount": round(float(i.total_vat)),# TODO : check later
+                            "total_amount": round(float(i.final_price_plus_vat)),# TODO : check later
                         }
                     )
 
@@ -4836,7 +4899,7 @@ def create_estimate(request, dealer_slug, slug=None):
         #             "unit_cost": instance.cost_price,
         #             "unit_revenue": instance.marked_price,
         #             "quantity": Decimal(quantities),
-        #             "total_amount": instance.total_vat * int(quantities),# TODO : check later
+        #             "total_amount": instance.final_price_plus_vat * int(quantities),# TODO : check later
         #         }
         #     }
 
@@ -4994,6 +5057,7 @@ class EstimateDetailView(LoginRequiredMixin, PermissionRequiredMixin, DetailView
             # calculator = CarFinanceCalculator(estimate)
             # finance_data = calculator.get_finance_data()
             finance_data = get_finance_data(estimate,dealer)
+           
             invoice_obj = InvoiceModel.objects.all().filter(ce_model=estimate).first()
             kwargs["data"] = finance_data
 
@@ -5002,7 +5066,7 @@ class EstimateDetailView(LoginRequiredMixin, PermissionRequiredMixin, DetailView
                 car = estimate.get_itemtxs_data()[0].first().item_model.car
                 selected_items = car.additional_services.filter(dealer=dealer)
                 form = forms.AdditionalFinancesForm()
-                form.fields["additional_finances"].queryset = form.fields["additional_finances"].queryset.filter(dealer=dealer) # TODO : check later
+                form.fields["additional_finances"].queryset = form.fields["additional_finances"].queryset.filter(dealer=dealer) # 
                 form.initial["additional_finances"] = selected_items
                 kwargs["additionals_form"] = form
             except Exception as e:
@@ -5010,6 +5074,16 @@ class EstimateDetailView(LoginRequiredMixin, PermissionRequiredMixin, DetailView
         return super().get_context_data(**kwargs)
 
 
+class EstimatePrintView(EstimateDetailView):
+    """
+    A view to render a printer-friendly version of the estimate.
+    It reuses the data-fetching logic from EstimateDetailView but
+    uses a dedicated, stripped-down print template.
+    """
+    template_name = "sales/estimates/estimate_preview.html"
+
+
+
 @login_required
 @permission_required("inventory.add_saleorder", raise_exception=True)
 def create_sale_order(request, dealer_slug, pk):
@@ -5061,7 +5135,8 @@ def create_sale_order(request, dealer_slug, pk):
                         f"KeyError: 'car_info' or 'status' key missing when attempting to update status to 'sold' for item.item_model PK: {getattr(item.item_model, 'pk', 'N/A')}."
                     )
                     pass
-
+                item.item_model.car.sold_date=timezone.now() # to be checked added by faheed
+                item.item_model.car.save()# to be checked added byfaheed
                 item.item_model.car.mark_as_sold()
                 messages.success(request, "Sale Order created successfully")
 
@@ -11027,12 +11102,14 @@ def purchase_report_csv_export(request,dealer_slug):
 def car_sale_report_view(request, dealer_slug):
     dealer = get_object_or_404(models.Dealer, slug=dealer_slug)
     cars_sold = models.Car.objects.filter(dealer=dealer, status='sold')
+    
 
     # Get filter parameters from the request
     selected_make = request.GET.get('make')
     selected_model = request.GET.get('model')
     selected_serie = request.GET.get('serie')
     selected_year = request.GET.get('year')
+    selected_stock_type=request.GET.get('stock_type')
 
     # Apply filters to the queryset
     if selected_make:
@@ -11043,78 +11120,115 @@ def car_sale_report_view(request, dealer_slug):
         cars_sold = cars_sold.filter(id_car_serie__name=selected_serie)
     if selected_year:
         cars_sold = cars_sold.filter(year=selected_year)
+    if selected_stock_type:
+        cars_sold = cars_sold.filter(stock_type=selected_stock_type)
 
     # Get distinct values for filter dropdowns
     makes = models.Car.objects.filter(dealer=dealer, status='sold').values_list('id_car_make__name', flat=True).distinct()
     models_qs = models.Car.objects.filter(dealer=dealer, status='sold').values_list('id_car_model__name', flat=True).distinct()
-    series = models.Car.objects.filter(dealer=dealer, status='sold').values_list(
-        'id_car_serie__name', flat=True).distinct()
+    
+    series = models.Car.objects.filter(dealer=dealer, status='sold').values_list('id_car_serie__name', flat=True).distinct()
+    stock_types=models.Car.objects.filter(dealer=dealer, status='sold').values_list('stock_type', flat=True).distinct()
     years = models.Car.objects.filter(dealer=dealer, status='sold').values_list('year', flat=True).distinct().order_by('-year')
+    
+
 
     # # Calculate summary data for the filtered results
+    total_cars_sold=cars_sold.count()
+    total_revenue_from_cars = sum([ car.final_price for car in cars_sold]) 
+    total_vat_on_cars=sum([car.vat_amount for car in cars_sold]) 
 
-    total_revenue = cars_sold.aggregate(total_revenue=Sum('finances__marked_price'))['total_revenue'] or 0
-    # total_vat = cars_sold.aggregate(total_vat=Sum('finances__vat_amount'))['total_vat'] or 0
-    total_discount = cars_sold.aggregate(total_discount=Sum('finances__discount_amount'))['total_discount'] or 0
+    total_revenue_from_additonals=sum([car.get_additional_services()['total'] for car in cars_sold])
+    total_vat_from_additonals=sum([car.get_additional_services()['services_vat'] for car in cars_sold])
+    total_vat_collected = total_vat_on_cars+total_vat_from_additonals
+    total_revenue_collected=total_revenue_from_cars+total_revenue_from_additonals
+    total_discount = sum([car.discount for car in cars_sold])
 
     current_time = timezone.now().strftime("%Y-%m-%d %H:%M:%S")
 
     context = {
         'cars_sold': cars_sold,
+        'total_cars_sold':total_cars_sold,
         'current_time': current_time,
         'dealer': dealer,
-        'total_revenue': total_revenue,
-        # 'total_vat': total_vat,
+        'total_revenue_from_cars': total_revenue_from_cars,
+        'total_revenue_from_additonals':total_revenue_from_additonals,
+        'total_revenue_collected': total_revenue_collected,
+        'total_vat_on_cars':total_vat_on_cars,
+        'total_vat_from_additonals':total_vat_from_additonals,
+        'total_vat_collected':total_vat_collected,
         'total_discount': total_discount,
         'makes': makes,
         'models': models_qs,
         'series': series,
         'years': years,
+        'stock_types':stock_types,
         'selected_make': selected_make,
         'selected_model': selected_model,
         'selected_serie': selected_serie,
         'selected_year': selected_year,
+        'selected_stock_type':selected_stock_type,
     }
 
     return render(request, 'ledger/reports/car_sale_report.html', context)
 
 
 
-def car_sale_report_csv_export(request,dealer_slug):
-
+@login_required
+def car_sale_report_csv_export(request, dealer_slug):
     response = HttpResponse(content_type='text/csv')
-
-
-    current_time = timezone.now().strftime("%Y-%m-%d %H:%M:%S")
+    current_time = timezone.now().strftime("%Y-%m-%d_%H-%M-%S")
     filename = f"sales_report_{dealer_slug}_{current_time}.csv"
     response['Content-Disposition'] = f'attachment; filename="{filename}"'
 
     writer = csv.writer(response)
 
-    header=[
-        'Make',
-        'VIN',
-        'Model',
-        'Year',
-        'Serie',
-        'Trim',
-        'Mileage',
-        'Stock Type',
-        'Created Date',
-        'Sold Date',
-        'Cost Price',
-        'Marked Price',
-        'Discount Amount',
-        'Selling Price',
-        'Tax Amount',
-        'Invoice Number',
+    # Define the CSV header based on your HTML table headers
+    header = [
+        'VIN', 'Make', 'Model', 'Year', 'Serie', 'Trim', 'Mileage',
+        'Stock Type', 'Created Date', 'Sold Date', 'Cost Price',
+        'Marked Price', 'Discount Amount', 'Selling Price',
+        'VAT on Car', 'Services Price', 'VAT on Services', 'Final Total',
+        'Invoice Number'
     ]
     writer.writerow(header)
 
-    dealer=get_object_or_404(models.Dealer,slug=dealer_slug)
-    cars_sold=models.Car.objects.filter(dealer=dealer,status='sold')
+    dealer = get_object_or_404(models.Dealer, slug=dealer_slug)
+    cars_sold = models.Car.objects.filter(dealer=dealer, status='sold')
+
+    # Apply filters from the request, just like in your HTML view
+    selected_make = request.GET.get('make')
+    selected_model = request.GET.get('model')
+    selected_serie = request.GET.get('serie')
+    selected_year = request.GET.get('year')
+    selected_stock_type = request.GET.get('stock_type')
+
+    if selected_make:
+        cars_sold = cars_sold.filter(id_car_make__name=selected_make)
+    if selected_model:
+        cars_sold = cars_sold.filter(id_car_model__name=selected_model)
+    if selected_serie:
+        cars_sold = cars_sold.filter(id_car_serie__name=selected_serie)
+    if selected_year:
+        cars_sold = cars_sold.filter(year=selected_year)
+    if selected_stock_type:
+        cars_sold = cars_sold.filter(stock_type=selected_stock_type)
+
+    # Write the data for the filtered cars
     for car in cars_sold:
-         writer.writerow([
+        # Fetching data for the additional services
+        additional_services = car.get_additional_services()
+        services_total_price = additional_services['total']
+        services_vat_amount = additional_services['services_vat']
+        
+        # Checking for the invoice number to avoid errors on cars without one
+        invoice_number = None
+        sold_date = None
+        if car.invoice:
+            invoice_number = car.invoice.invoice_number
+            sold_date = car.invoice.date_paid
+
+        writer.writerow([
             car.vin,
             car.id_car_make.name,
             car.id_car_model.name,
@@ -11124,13 +11238,16 @@ def car_sale_report_csv_export(request,dealer_slug):
             car.mileage if car.mileage else '0',
             car.stock_type,
             car.created_at.strftime("%Y-%m-%d %H:%M:%S") if car.created_at else '',
-            car.sold_date.strftime("%Y-%m-%d %H:%M:%S") if car.sold_date else '',
+            sold_date.strftime("%Y-%m-%d %H:%M:%S") if sold_date else '',
             car.cost_price,
             car.marked_price,
-            car.discount_amount,
-            car.selling_price,
-            car.vat_amount, # TODO : check later
-            car.item_model.invoicemodel_set.first().invoice_number
+            car.discount, # Ensure this property returns a number
+            car.final_price, # Selling Price without VAT
+            car.vat_amount, # VAT on the car
+            services_total_price, # Total services without VAT
+            services_vat_amount, # VAT on services
+            car.final_price_plus_services_plus_vat,
+            invoice_number,
         ])
 
     return response

templates/dashboards/dealer_dashboard.html

@@ -1,28 +1,39 @@
 {% extends 'base.html' %}
-{% block content %}
-
+{% load i18n %}
+{% load tenhal_tag %}
+{% block title %}
+    {{ _("Dealership Dashboard") |capfirst }}
+{% endblock title %}
+{% block content%}
 <div class="main-content flex-grow-1 container-fluid mt-4 mb-3">
-    <div class="d-flex justify-content-between align-items-center mb-5 pb-3 border-bottom">
-        <h2 class="h3 fw-bold text-dark mb-0">Business Health Dashboard <i class="fas fa-chart-area text-primary ms-2"></i></h2>
-        <div class="dropdown">
-            <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-                Last 30 Days
-            </button>
-            <ul class="dropdown-menu dropdown-menu-end shadow">
-                <li><a class="dropdown-item" href="#">Today</a></li>
-                <li><a class="dropdown-item" href="#">Last 7 Days</a></li>
-                <li><a class="dropdown-item" href="#">Last 90 Days</a></li>
-            </ul>
-        </div>
-    </div>
+   <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center mb-5 pb-3 border-bottom">
+      <h2 class="h3 fw-bold text-dark mb-3 mb-md-0">Business Health Dashboard <i class="fas fa-chart-area text-primary ms-2"></i></h2>
+      <form method="GET" class="date-filter-form">
+         <div class="row g-3">
+            <div class="col-12 col-md-4">
+                <label for="start-date" class="form-label">Start Date</label>
+                <input type="date" class="form-control" id="start-date" name="start_date" 
+                       value="{{ start_date|date:'Y-m-d' }}" required>
+            </div>
+            <div class="col-12 col-md-4">
+                <label for="end-date" class="form-label">End Date</label>
+                <input type="date" class="form-control" id="end-date" name="end_date" 
+                       value="{{ end_date|date:'Y-m-d' }}" required>
+            </div>
+            <div class="col-12 col-md-4 d-flex align-items-end">
+                <button type="submit" class="btn btn-primary w-100">Apply Filter</button>
+            </div>
+         </div>
+      </form>
+   </div>
 
     <div class="row g-4 mb-5">
         <div class="col-sm-6 col-md-4 col-lg-3">
             <div class="card h-100 shadow-sm border-0">
                 <div class="card-body d-flex flex-column justify-content-between p-4">
                     <div>
-                        <p class="text-uppercase text-muted fw-bold small mb-1">Total Revenue</p>
-                        <h4 class="fw-bolder text-primary mb-3">$1.25M</h4>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Total Cost of Cars Sold</p>
+                        <h4 class="fw-bolder text-secondary mb-3">{{total_cost_of_cars_sold|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
                     </div>
                     <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
                         +8% from last month
@@ -34,8 +45,8 @@
             <div class="card h-100 shadow-sm border-0">
                 <div class="card-body d-flex flex-column justify-content-between p-4">
                     <div>
-                        <p class="text-uppercase text-muted fw-bold small mb-1">Net Profit</p>
-                        <h4 class="fw-bolder text-success mb-3">$1.25M</h4>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Total Revenue from cars</p>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_revenue_from_cars|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
                     </div>
                     <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
                         +8% from last month
@@ -47,8 +58,8 @@
             <div class="card h-100 shadow-sm border-0">
                 <div class="card-body d-flex flex-column justify-content-between p-4">
                     <div>
-                        <p class="text-uppercase text-muted fw-bold small mb-1">Gross Profit</p>
-                        <h4 class="fw-bolder text-info mb-3">$1.25M</h4>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Net Profit From Cars</p>
+                        <h4 class="fw-bolder text-success mb-3">{{net_profit_from_cars|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
                     </div>
                     <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
                         +8% from last month
@@ -56,6 +67,87 @@
                 </div>
             </div>
         </div>
+        <div class="col-sm-6 col-md-4 col-lg-3">
+            <div class="card h-100 shadow-sm border-0">
+                <div class="card-body d-flex flex-column justify-content-between p-4">
+                    <div>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Total Discount on cars</p>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_discount_on_cars|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
+                    </div>
+                    <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
+                        +8% from last month
+                    </span>
+                </div>
+            </div>
+        </div>
+         <div class="col-sm-6 col-md-4 col-lg-3">
+            <div class="card h-100 shadow-sm border-0">
+                <div class="card-body d-flex flex-column justify-content-between p-4">
+                    <div>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Total VAT collected from cars</p>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_vat_collected_from_cars|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
+                    </div>
+                    <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
+                        +8% from last month
+                    </span>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-6 col-md-4 col-lg-3">
+            <div class="card h-100 shadow-sm border-0">
+                <div class="card-body d-flex flex-column justify-content-between p-4">
+                    <div>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Total Revenue from Services</p>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_revenue_from_services|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
+                    </div>
+                    <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
+                        +8% from last month
+                    </span>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-sm-6 col-md-4 col-lg-3">
+            <div class="card h-100 shadow-sm border-0">
+                <div class="card-body d-flex flex-column justify-content-between p-4">
+                    <div>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Total VAT collected from Services</p>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_vat_collected_from_services|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
+                    </div>
+                    <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
+                        +8% from last month
+                    </span>
+                </div>
+            </div>
+        </div>
+         <div class="col-sm-6 col-md-4 col-lg-3">
+            <div class="card h-100 shadow-sm border-0">
+                <div class="card-body d-flex flex-column justify-content-between p-4">
+                    <div>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">{% trans "Total Revenue Generated" %}</p>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_revenue_generated|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
+                    </div>
+                    <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
+                        +8% from last month
+                    </span>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-sm-6 col-md-4 col-lg-3">
+            <div class="card h-100 shadow-sm border-0">
+                <div class="card-body d-flex flex-column justify-content-between p-4">
+                    <div>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">{% trans "Total VAT Collected" %}</p>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_vat_collected|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
+                    </div>
+                    <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
+                        +8% from last month
+                    </span>
+                </div>
+            </div>
+        </div>
+
         <div class="col-sm-6 col-md-4 col-lg-3">
             <div class="card h-100 shadow-sm border-0">
                 <div class="card-body d-flex flex-column justify-content-between p-4">
@@ -69,12 +161,26 @@
                 </div>
             </div>
         </div>
+        <div class="col-sm-6 col-md-4 col-lg-3">
+            <div class="card h-100 shadow-sm border-0">
+                <div class="card-body d-flex flex-column justify-content-between p-4">
+                    <div>
+                        <p class="text-uppercase text-muted fw-bold small mb-1">Gross Profit</p>
+                        <h4 class="fw-bolder text-info mb-3">$1.25M</h4>
+                    </div>
+                    <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
+                        +8% from last month
+                    </span>
+                </div>
+            </div>
+        </div>
+        
         <div class="col-sm-6 col-md-4 col-lg-3">
             <div class="card h-100 shadow-sm border-0">
                 <div class="card-body d-flex flex-column justify-content-between p-4">
                     <div>
                         <p class="text-uppercase text-muted fw-bold small mb-1">Total VAT Collected</p>
-                        <h4 class="fw-bolder text-primary mb-3">$1.25M</h4>
+                        <h4 class="fw-bolder text-primary mb-3">{{total_vat_collected|floatformat:2}}<span class="icon-saudi_riyal"></span></h4>
                     </div>
                     <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
                         +8% from last month
@@ -87,7 +193,7 @@
                 <div class="card-body d-flex flex-column justify-content-between p-4">
                     <div>
                         <p class="text-uppercase text-muted fw-bold small mb-1">Total Cars Sold</p>
-                        <h4 class="fw-bolder text-success mb-3">{{ sold_cars }}</h4>
+                        <h4 class="fw-bolder text-success mb-3">{{ total_cars_sold }}</h4>
                     </div>
                     <span class="badge bg-success-subtle text-success fw-bold p-2 rounded-pill d-inline-flex align-self-start">
                         +5 units from last month

templates/dashboards/inventory_dashboard.html

@@ -123,8 +123,8 @@
                     <h5 class="fw-bold mb-0 text-dark">Car Models by Make in Inventory</h5>
                 </div>
                 <div class="row justify-content-center">
-                   <div class="col-md-6 mb-4">
-                        <label for="carMakeSelect" class="form-label fs-7">Select a Car Make:</label>
+                   <div class="col-md-6 mb-4 mt-3">
+                        <label for="carMakeSelect" class="form-label fs-8 mb-2">Select a Car Make:</label>
                            <select id="carMakeSelect" class="form-select">
                           <option value="" disabled selected>-- Choose a make --</option>
                          </select>

templates/ledger/reports/car_sale_report.html

@@ -51,7 +51,7 @@
         <section id="filters" class="mb-5 p-4 rounded border border-primary">
             <h2 class="section-heading mb-4">{% trans 'Filters' %} <i class="fas fa-sliders-h ms-2"></i></h2>
             <form method="GET" class="row g-3 align-items-end">
-                <div class="col-md-3">
+                <div class="col-md-2">
                     <label for="make-select" class="form-label">{% trans 'Make' %}</label>
                     <select id="make-select" name="make" class="form-select">
                         <option value="">{% trans 'All Makes' %}</option>
@@ -60,7 +60,7 @@
                         {% endfor %}
                     </select>
                 </div>
-                <div class="col-md-3">
+                <div class="col-md-2">
                     <label for="model-select" class="form-label">{% trans 'Model' %}</label>
                     <select id="model-select" name="model" class="form-select">
                         <option value="">{% trans 'All Models' %}</option>
@@ -69,7 +69,7 @@
                         {% endfor %}
                     </select>
                 </div>
-                <div class="col-md-3">
+                <div class="col-md-2">
                     <label for="serie-select" class="form-label">{% trans 'Serie' %}</label>
                     <select id="serie-select" name="serie" class="form-select">
                         <option value="">{% trans 'All Series' %}</option>
@@ -87,36 +87,98 @@
                         {% endfor %}
                     </select>
                 </div>
-                <div class="col-md-1">
+                <div class="col-md-2">
+                    <label for="stock_type-select" class="form-label">{% trans 'Stock Types' %}</label>
+                    <select id="stock_type-select" name="stock_type" class="form-select">
+                        <option value="">{% trans 'Stock Types' %}</option>
+                        {% for stock_type in stock_types %}
+                            <option value="{{ stock_type }}" {% if stock_type == selected_stock_type %}selected{% endif %}>{{ stock_type }}</option>
+                        {% endfor %}
+                    </select>
+                </div>
+                <div class="col-md-2">
                     <button type="submit" class="btn btn-primary w-100"><i class="fas fa-filter me-2"></i>{% trans 'Filter' %}</button>
                 </div>
             </form>
         </section>
+<!---->
 
+ {% comment %} 'cars_sold': cars_sold,
+        'current_time': current_time,
+        'dealer': dealer,
+        'total_revenue_from_cars': total_revenue_from_cars,
+        'total_revenue_from_additonals':total_revenue_from_additonals,
+        'total_revenue_collected': total_revenue_collected,
+        'total_vat_on_cars':total_vat_on_cars,
+        'total_vat_from_additonals':total_vat_from_additonals,
+        'total_vat_collected':total_vat_collected,
+        'total_discount': total_discount,
+        'makes': makes,
+        'models': models_qs,
+        'series': series,
+        'years': years,
+        'selected_make': selected_make,
+        'selected_model': selected_model,
+        'selected_serie': selected_serie,
+        'selected_year': selected_year, {% endcomment %}
+        <!---->
         <section id="summary" class="mb-5">
             <h2 class="section-heading mb-4 border-start border-5 border-primary p-2">{% trans 'Report Summary' %}</h2>
             <div class="row g-4">
                 <div class="col-md-6 col-lg-3">
                     <div class="card summary-card">
                         <div class="card-body">
-                            <h5 class="card-title">{% trans 'Total Revenue' %}<span class="icon-saudi_riyal"></span></h5>
-                            <p class="card-text">{{ total_revenue|floatformat:2 }} <span class="icon-saudi_riyal"></span></p>
+                            <h5 class="card-title"><span>{% trans 'Total Revenue from Cars' %}<span class="icon-saudi_riyal"></span></span></h5>
+                            <p class="card-text"><span>{{ total_revenue_from_cars|floatformat:2 }} <span class="icon-saudi_riyal"></span></span></p>
                         </div>
                     </div>
                 </div>
                 <div class="col-md-6 col-lg-3">
                     <div class="card summary-card">
                         <div class="card-body">
-                            <h5 class="card-title">{% trans 'Total VAT Amount' %}<i class="fas fa-percent ms-2"></i></h5>
-                            <p class="card-text">{{ 10000|floatformat:2 }} <span class="icon-saudi_riyal"></span></p>
+                            <h5 class="card-title"><span>{% trans 'Total Revenue from Services' %}<span class="icon-saudi_riyal"></span></span></h5>
+                            <p class="card-text"><span>{{ total_revenue_from_additonals|floatformat:2 }} <span class="icon-saudi_riyal"></span></span></p>
                         </div>
                     </div>
                 </div>
+                <div class="col-md-6 col-lg-3">
+                    <div class="card summary-card">
+                        <div class="card-body">
+                            <h5 class="card-title"><span>{% trans 'Total Revenue' %}<span class="icon-saudi_riyal"></span></span></h5>
+                            <p class="card-text"><span>{{total_revenue_collected |floatformat:2 }} <span class="icon-saudi_riyal"></span></span></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-3">
+                    <div class="card summary-card">
+                        <div class="card-body">
+                            <h5 class="card-title">{% trans 'Total VAT from Cars' %}<i class="fas fa-percent ms-2"></i></h5>
+                            <p class="card-text"><span>{{ total_vat_on_cars|floatformat:2 }} <span class="icon-saudi_riyal"></span></span></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-3">
+                    <div class="card summary-card">
+                        <div class="card-body">
+                            <h5 class="card-title">{% trans 'Total VAT from Services' %}<i class="fas fa-percent ms-2"></i></h5>
+                            <p class="card-text"><span>{{ total_vat_from_additonals|floatformat:2 }} <span class="icon-saudi_riyal"></span></span></p>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-6 col-lg-3">
+                    <div class="card summary-card">
+                        <div class="card-body">
+                            <h5 class="card-title">{% trans 'Total VAT' %}<i class="fas fa-percent ms-2"></i></h5>
+                            <p class="card-text"><span>{{ total_vat_collected|floatformat:2 }} <span class="icon-saudi_riyal"></span></span></p>
+                        </div>
+                    </div>
+                </div>
+                
                 <div class="col-md-6 col-lg-3">
                     <div class="card summary-card">
                         <div class="card-body">
                             <h5 class="card-title">{% trans 'Total Discount Amount' %}<i class="fas fa-tag ms-2"></i></h5>
-                            <p class="card-text">{{ total_discount|floatformat:2 }} <span class="icon-saudi_riyal"></span></p>
+                            <p class="card-text"><span>{{ total_discount|floatformat:2 }} <span class="icon-saudi_riyal"></span></span></p>
                         </div>
                     </div>
                 </div>
@@ -124,13 +186,10 @@
                     <div class="card summary-card">
                         <div class="card-body">
                             <h5 class="card-title">{% trans 'Total Cars Sold' %}<i class="fas fa-car ms-2"></i></h5>
-                            <p class="card-text">{{ cars_sold|length }}</p>
+                            <p class="card-text">{{ total_cars_sold }}</p>
                         </div>
                     </div>
                 </div>
-
-
-
             </div>
 
         </section>
@@ -142,7 +201,7 @@
                     <i class="bi bi-download me-2"></i>{% trans 'Download as CSV' %}
                 </a>
             </div>
-            <div class="table-responsive">
+            <div class="table-responsive table-container">
                 <table class="table table-striped table-hover table-bordered table-sm">
                     <thead>
                         <tr>
@@ -160,7 +219,10 @@
                             <th class="fs-9">{% trans 'Marked Price' %}</th>
                             <th class="fs-9">{% trans 'Discount Amount' %}</th>
                             <th class="fs-9">{% trans 'Selling Price' %}</th>
-                            <th class="fs-9">{% trans 'Tax Amount' %}</th>
+                            <th class="fs-9">{% trans 'VAT on Car' %}</th>
+                            <th class="fs-9">{% trans 'Services Price' %}</th>
+                            <th class="fs-9">{% trans 'VAT on Services' %}</th>
+                            <th class="fs-9">{% trans 'Final Total' %}</th>
                             <th class="fs-9">{% trans 'Invoice Number' %}</th>
                         </tr>
                     </thead>
@@ -178,12 +240,15 @@
                             <td class="fs-9">{{ car.stock_type|capfirst }}</td>
                             <td class="fs-9">{{ car.created_at|date }}</td>
                             <td class="fs-9">{{ car.invoice.date_paid|date|default_if_none:"-" }}</td>
-                            <td class="fs-9">{{ car.cost_price }} <span class="icon-saudi_riyal"></span></td>
-                            <td class="fs-9">{{ car.marked_price }} <span class="icon-saudi_riyal"></span></td>
-                            <td class="fs-9">{{ car.total_discount }} <span class="icon-saudi_riyal"></span></td># TODO : check later
-                            <td class="fs-9">{{ car.selling_price }} <span class="icon-saudi_riyal"></span></td>
-                            <td class="fs-9">{{ car.vat_amount }} <span class="icon-saudi_riyal"></span></td># TODO : check later
-                            <td class="fs-9">{{ car.invoice.invoice_number }}</td>
+                            <td class="fs-9"><span>{{ car.cost_price }}<span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.marked_price }} <span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.discount}} <span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.final_price}} <span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.vat_amount|floatformat:2 }} <span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.get_additional_services.total|floatformat:2}} <span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.get_additional_services.services_vat|floatformat:2}}<span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.final_price_plus_services_plus_vat|floatformat:2 }}<span class="icon-saudi_riyal"></span></span></td>
+                            <td class="fs-9"><span>{{ car.invoice.invoice_number }}</td>
                         </tr>
                         {% endfor %}
                     </tbody>

templates/purchase_orders/includes/po_item_formset.html

@@ -17,8 +17,7 @@
                 <table class="table table-hover table-bordered">
                     <thead class="">
                         <tr>
-                            <th style="min-width: 600px"
-                                class="d-flex justify-content-between align-items-center">
+                            <th class="d-flex justify-content-between align-items-center">
                                 {% trans 'Item' %}
                                 {% if po_model.is_draft %}
                                     <button type="button"

templates/sales/estimates/estimate_detail.html

@@ -112,7 +112,7 @@
                                     onclick="setFormAction('review')"
                                     data-bs-toggle="modal"
                                     data-bs-target="#confirmModal">
-                                <i class="fa-solid fa-check-double me-1"></i><span class="d-none d-sm-inline-block"> {% trans 'Mark As Review' %}</span>
+                                <span class="d-none d-sm-inline-block"><i class="fa-solid fa-check-double"></i> {% trans 'Mark As Review' %}</span>
                             </button>
                         {% endif %}
                     {% elif estimate.status == 'in_review' %}
@@ -122,46 +122,49 @@
                                     class="btn btn-phoenix-secondary"
                                     data-bs-toggle="modal"
                                     data-bs-target="#confirmModal">
-                               <i class="fa-solid fa-check-double me-1"></i> <span class="d-none d-sm-inline-block">{% trans 'Mark As Approved' %}</span>
+                                <span class="d-none d-sm-inline-block"><i class="fa-solid fa-check-double"></i> {% trans 'Mark As Approved' %}</span>
                             </button>
+                           
                         {% endif %}
                         {% if estimate.can_approve and not request.is_manager %}
                             <button class="btn btn-phoenix-warning" disabled>
-                                <i class="fas fa-hourglass-start me-1"></i><span class="text-warning d-none d-sm-inline-block ">{% trans 'Waiting for Manager Approval' %}</span>
+                                <i class="fas fa-hourglass-start me-2"></i><span class="text-warning">{% trans 'Waiting for Manager Approval' %}</span>
                             </button>
                         {% endif %}
                     {% elif estimate.status == 'approved' %}
                         {% if perms.django_ledger.change_estimatemodel %}
                             <a href="{% url 'send_email' request.dealer.slug estimate.pk %}"
-                               class="btn btn-phoenix-primary me-2"><span class="fa-regular fa-paper-plane me-1"></span><span class="d-none d-sm-inline-block">{% trans 'Send Quotation' %}</span></a>
+                               class="btn btn-phoenix-primary me-2"><span class="fa-regular fa-paper-plane me-sm-2"></span><span class="d-none d-sm-inline-block">{% trans 'Send Quotation' %}</span></a>
+                            <a href="{% url 'estimate_print' request.dealer.slug estimate.pk %}" class="btn btn-phoenix-secondary" target="_blank">
+                              <span class="d-none d-sm-inline-block"><i class="fas fa-print me-2"></i>{% trans 'Print' %}</span>
+                            </a>
                         {% endif %}
                         {% if estimate.sale_orders.first %}
                             <!--if sale order exist-->
                             {% if perms.django_ledger.add_invoicemodel %}
                                 <a href="{% url 'invoice_create' request.dealer.slug estimate.pk %}"
-                                   class="btn btn-phoenix-primary"><i class="fa-solid fa-receipt me-1"></i><span class="d-none d-sm-inline-block me-1">  {% trans 'Create Invoice' %}</span></a>
+                                   class="btn btn-phoenix-primary"><span class="d-none d-sm-inline-block"><i class="fa-solid fa-receipt"></i>  {% trans 'Create Invoice' %}</span></a>
                             {% endif %}
                             {% if perms.inventory.view_saleorder %}
                                 <a href="{% url 'order_detail' request.dealer.slug estimate.sale_orders.first.pk %}"
-                                   class="btn btn-phoenix-primary"><i class="fas fa-shopping-cart me-1"></i><span class="d-none d-sm-inline-block">{{ _("Preview Sale Order") }}</span></a>
+                                   class="btn btn-phoenix-primary"><span class="d-none d-sm-inline-block">{{ _("Preview Sale Order") }}</span></a>
                             {% endif %}
                         {% else %}
                             {% if  perms.inventory.add_saleorder %}
                                 <a href="{% url 'create_sale_order' request.dealer.slug estimate.pk %}"
-                                   class="btn btn-phoenix-primary"><i class="fa-solid fa-file-import me-1"></i><span class="d-none d-sm-inline-block"> {% trans 'Create Sale Order' %}</span></a>
+                                   class="btn btn-phoenix-primary"><span class="d-none d-sm-inline-block"><i class="fa-solid fa-file-import"></i> {% trans 'Create Sale Order' %}</span></a>
                             {% endif %}
                         {% endif %}
                     {% elif estimate.status == 'completed' %}
                         {% if perms.inventory.view_saleorder %}
                             <a href="{% url 'order_detail' request.dealer.slug estimate.sale_orders.first.pk %}"
-                               class="btn btn-phoenix-primary"><i class="fas fa-shopping-cart me-1"></i><span class="d-none d-sm-inline-block">{{ _("Preview Sale Order") }}</span></a>
+                               class="btn btn-phoenix-primary"><span class="d-none d-sm-inline-block">{{ _("Preview Sale Order") }}</span></a>
                         {% endif %}
                         {% if perms.django_ledger.view_invoicemodel %}
                         <a href="{% url 'invoice_detail' request.dealer.slug request.entity.slug estimate.invoicemodel_set.first.pk %}"
                            class="btn btn-phoenix-primary btn-sm"
-                           type="button"><i class="fa-solid fa-receipt me-1"></i>
-                               <span class="d-none d-sm-inline-block">{{ _("View Invoice") }}</span>
-                        </a>
+                           type="button"><i class="fa-solid fa-receipt"></i>
+                    {{ _("View Invoice") }}</a>
                 {% endif %}
             {% endif %}
             {% if estimate.can_cancel %}
@@ -169,7 +172,7 @@
                     <button class="btn btn-phoenix-danger"
                             data-bs-toggle="modal"
                             data-bs-target="#CancelModal">
-                        <i class="fa-solid fa-ban me-1"></i> <span class="d-none d-sm-inline-block">{% trans "Cancel" %}</span>
+                        <i class="fa-solid fa-ban"></i> {% trans "Cancel" %}
                     </button>
                 {% endif %}
             {% endif %}
@@ -179,31 +182,31 @@
         <div class="row">
             <div class="col mb-2">
                 <h6>
-                    <i class="fa-solid fa-hashtag me-1"></i>  {% trans 'Quotation Number' %}:
+                    <i class="fa-solid fa-hashtag"></i>  {% trans 'Quotation Number' %}:
                 </h6>
                 <p class="fs-9 text-body-secondary fw-semibold mb-0">{{ estimate.estimate_number }}</p>
             </div>
             <div class="col mb-2">
                 <h6>
-                    <i class="fa-solid fa-calendar-days me-1"></i> {% trans 'Quotation Date' %}:
+                    <i class="fa-solid fa-calendar-days"></i> {% trans 'Quotation Date' %}:
                 </h6>
                 <p class="fs-9 text-body-secondary fw-semibold mb-0">{{ estimate.created }}</p>
             </div>
             <div class="col mb-2">
                 <h6>
-                    <i class="fa-solid fa-user me-1"></i> {% trans 'Customer' %}:
+                    <i class="fa-solid fa-user"></i> {% trans 'Customer' %}:
                 </h6>
                 <p class="fs-9 text-body-secondary fw-semibold mb-0">{{ estimate.customer.customer_name }}</p>
             </div>
             <div class="col mb-2">
                 <h6>
-                    <i class="fa-solid fa-envelope me-1"></i> {% trans 'Email' %}:
+                    <i class="fa-solid fa-envelope"></i> {% trans 'Email' %}:
                 </h6>
                 <p class="fs-9 text-body-secondary fw-semibold mb-0">{{ estimate.customer.email }}</p>
             </div>
             <div class="col">
                 <h6>
-                    <i class="fa-solid fa-list me-1"></i> {% trans "Quotation Status" %}:
+                    <i class="fa-solid fa-list"></i> {% trans "Quotation Status" %}:
                 </h6>
                 <div class="fs-9 text-body-secondary fw-semibold mb-0">
                     {% if estimate.status == 'draft' %}
@@ -284,7 +287,7 @@
                         <td class="align-middle ps-4 fw-semibold text-body-highlight" colspan="7">{% trans "Additional Services" %}</td>
                         <td class="align-middle text-start fw-semibold">
                             {% for service in data.additional_services.services %}
-                                <small><span class="fw-semibold">+ {{ service.name }} - {{ service.price_|floatformat }}<span class="icon-saudi_riyal"></span></span></small>
+                                <small><span class="fw-semibold">+ {{ service.0.name }} - {{ service.0.price_|floatformat }}<span class="icon-saudi_riyal"></span></span></small>
                                 <br>
                             {% endfor %}
                             {% if estimate.is_draft %}

templates/sales/estimates/estimate_preview.html

@@ -1,11 +1,10 @@
 {% load i18n static custom_filters num2words_tags %}
 <!DOCTYPE html>
-<html lang="ar">
+<html lang="ar" dir="rtl">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Invoice</title>
-        <!-- CSS -->
+        <title>Quotation</title>
         <link href="{% static 'css/theme.min.css' %}"
               type="text/css"
               rel="stylesheet"
@@ -15,70 +14,80 @@
               rel="stylesheet"
               id="user-style-default">
         <link href="{% static 'css/custom.css' %}" type="text/css" rel="stylesheet">
-        <!-- Google Fonts - Roboto -->
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
               rel="stylesheet">
-        <!-- Custom CSS -->
         <style>
             body {
                 font-family: 'Roboto', sans-serif;
                 margin: 0;
-                padding: 10mm;
+                padding: 0;
                 background-color: #f8f9fa;
             }
+
             .invoice-container {
                 width: 210mm;
                 min-height: 297mm;
                 padding: 10mm;
-                margin: auto;
+                margin: 10mm auto;
                 background: white;
                 border-radius: 5px;
                 box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-                position: relative;
+                display: flex;
+                flex-direction: column;
             }
+
+            .invoice-content {
+                flex-grow: 1;
+            }
+
             .invoice-header {
                 text-align: center;
                 border-bottom: 2px solid #dee2e6;
                 padding-bottom: 10px;
                 margin-bottom: 20px;
             }
+
             .qr-code {
                 text-align: center;
                 margin-top: 10px;
             }
+
             .qr-code img {
                 width: 3cm;
                 height: 3cm;
                 border-radius: 0.3333333333rem;
             }
+
             .invoice-details, .invoice-table {
-                font-size: 12px;
+                font-size: 14px;
             }
+
             .invoice-table th {
                 background-color: #f8f9fa;
                 font-weight: 600;
             }
+
             .invoice-total {
                 text-align: right;
-                font-size: 13px;
+                font-size: 16px;
                 font-weight: 600;
                 margin-top: 10px;
             }
+
             .footer-note {
-                position: absolute;
-                bottom: 10mm;
-                left: 10mm;
-                right: 10mm;
-                font-size: 10px;
+                margin-top: auto;
+                padding-top: 10mm;
+                font-size: 13px;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
+                border-top: 2px solid #dee2e6;
             }
+
             .logo-img img {
                 width: 10mm;
                 height: 10mm;
             }
-
         </style>
     </head>
     <body>
@@ -92,267 +101,262 @@
             </div>
             <div class="col-8"></div>
         </div>
-        <div class="invoice-container" id="invoice-content">
-            <div class="invoice-header">
-                <h5 class="fs-5">
-                    <span>Quotation</span>&nbsp;/&nbsp;<span>عرض سعر</span>
-                </h5>
-            </div>
-            <div class="invoice-details p-1">
-                <table class="table table-sm table-responsive border-gray-50">
-                    <tr>
-                        <td></td>
-                        <td></td>
-                        <td>
-                            <div class="qr-code">
-                                {% if dealer.logo %}
-                                    <img class="rounded-soft"
-                                         src="{{ dealer.logo.url|default:'' }}"
-                                         alt="Dealer Logo" />
-                                {% endif %}
-                            </div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Customer Name</strong>
-                        </td>
-                        <td class="text-center">
-                            {{ dealer.arabic_name }}
-                            <br>
-                            {{ dealer.name }}
-                        </td>
-                        <td class="text-end">
-                            <strong>{{ dealer.arabic_name }}</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Address</strong>
-                        </td>
-                        <td class="text-center">{{ dealer.address }}</td>
-                        <td class="text-end">
-                            <strong>العنوان</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Phone</strong>
-                        </td>
-                        <td class="text-center">{{ dealer.phone_number }}</td>
-                        <td class="text-end">
-                            <strong>جوال</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <strong>VAT Number</strong>
-                        </td>
-                        <td>{{ 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</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>VAT&nbsp;ID</strong>
-                        </td>
-                        <td class="text-center">{{ estimate.customer.vrn|default:"-" }}</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>
+
+        <div class="invoice-container" id="estimate-content">
+            <div class="invoice-content">
+                <div class="invoice-header">
+                    <h5 class="fs-5">
+                        <span>Quotation</span>&nbsp;/&nbsp;<span>عرض سعر</span>
+                    </h5>
+                </div>
+                <div class="invoice-details p-1">
+                    <div class="d-flex justify-content-end align-items-end">
+                        <div class="dealer-logo ">
+                            {% if request.dealer.logo %}
+                                <img class="rounded-soft" style="max-width:200px; max-height:200px;"
+                                     src="{{ request.dealer.logo.url|default:'' }}"
+                                     alt="Dealer Logo" />
+                            {% endif %}
+                        </div>
+                    </div>
+
+                    <table class="table table-sm table-responsive border-gray-50">
                         <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">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">Including VAT</span> / <span class="fs-10">شامل الضريبة</span>
-                            </th>
+                            <td class="ps-1">
+                                <strong>Dealership Name</strong>
+                            </td>
+                            <td class="text-center">
+                                {{ request.dealer.name }}
+                            </td>
+                            <td class="text-end">
+                                <strong>اسم الوكالة</strong>
+                            </td>
                         </tr>
-                    </thead>
-                    <tbody>
-                        {% for item in data.cars %}
-                            <tr>
-                                <td class="ps-1 fs-10 align-content-center" colspan="3">{{ item.make }} - {{ item.model }} - {{ item.trim }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.year }}</td>
-                                <td class="ps-1 fs-10 align-content-center">{{ item.vin }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.quantity|floatformat:-1 }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.unit_price|floatformat:2 }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.total_vat|floatformat:2 }}</td>
-                            </tr>
-                        {% endfor %}
                         <tr>
-                            <td class="ps-1 fs-10 align-content-center" colspan="5"></td>
-                            <td class="text-center fs-10 align-content-center">{{ data.quantity|floatformat:-1 }}</td>
-                            <td class="text-center fs-10 align-content-center">{{ data.total_price_before_discount|floatformat:2 }}</td>
-                            <td class="text-center fs-10 align-content-center">{{ data.grand_total|floatformat:2 }}</td>
+                            <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>
-                    </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.additionals %}
+                        <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-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">
-                                    <span class="fs-10">Including VAT</span> / <span class="fs-10">شامل الضريبة</span>
+                                <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>
-                            {% for item in data.additionals %}
-                                <tr>
-                                    <td class="ps-1 text-start fs-10 align-content-center">{{ item.name }}</td>
-                                    <td class="ps-1 text-center fs-10 align-content-center">{{ item.price|floatformat }}</td>
-                                    <td class="ps-1 text-center fs-10 align-content-center">{{ item.price_|floatformat }}</td>
-                                </tr>
-                            {% endfor %}
+                            <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>
-            {% 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">VAT</strong>
-                            </td>
-                            <td class="text-center">
-                                <span class="fs-9">{{ data.total_vat_amount|floatformat }} <span class="icon-saudi_riyal"></span></span>
-                            </td>
-                            <td class="text-end">
-                                <strong class="fs-9">ضريبة&nbsp;القيمة&nbsp;المضافة</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="text-start ps-1">
-                                <strong class="fs-9">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 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>
-            <br>
-            <br>
-            <br>
-            <br>
-            <br>
-            <br>
+
             <div class="footer-note">
                 <div class="logo-img text-center">
                     <img src="{% static 'images/logos/logo-d-pdf.png' %}" alt="Logo" />
-                    <p class="fs-11 fw-bold">
+                    <p class="fs-9 fw-bold">
                         <span>Haikal</span>&nbsp;|&nbsp;<span>هيكل</span>
                     </p>
                 </div>
                 <p class="fs-11">
-                    <span class="fw-thin">Powered&nbsp;by&nbsp;</span><a class="text-decoration-none"
-   href="https://tenhal.sa"
-   style="color: #112e40"><span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span></a>
+                    <span class="fw-thin">Powered&nbsp;by&nbsp;</span>
+                    <a class="text-decoration-none fs-9"
+                        href="https://tenhal.sa"
+                    style="color: #112e40;"><span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span></a>
                 </p>
             </div>
         </div>
+
         <script src="{% static 'vendors/bootstrap/bootstrap.min.js' %}"></script>
         <script src="{% static 'js/html2pdf.bundle.min.js' %}"></script>
         <script>
             document.getElementById('download-pdf').addEventListener('click', function () {
-                html2pdf().from(document.getElementById('invoice-content')).set({
+                html2pdf().from(document.getElementById('estimate-content')).set({
                     margin: 0,
-                    filename: "{{ invoice.invoice_number }}_{{ invoice.customer.customer_name }}_{{ invoice.date_in_review|date:'Y-m-d' }}.pdf",
+                    filename: "{{ estimate.estimate_number }}_{{ estimate.customer.customer_name  }}_{{estimate.date_approved|date:'Y-m-d' }}.pdf",
                     image: { type: 'jpeg', quality: 0.98 },
                     html2canvas: { scale: 3 },
                     jsPDF: { unit: 'mm', format: 'a3', orientation: 'portrait' }
@@ -360,4 +364,4 @@
             });
         </script>
     </body>
-</html>
+</html>

templates/sales/invoices/invoice_detail.html

@@ -358,7 +358,7 @@
                                 <td class="align-middle ps-4 fw-semibold text-body-highlight" colspan="7">{% trans "Additional Services" %}</td>
                                 <td class="align-middle text-start fw-bold">
                                     {% for service in data.additional_services.services %}
-                                        <small><span class="fw-bold">+ {{ service.name }} - {{ service.price_|floatformat }}<span class="icon-saudi_riyal"></span></span></small>
+                                        <small><span class="fw-bold">+ {{ service.0.name }} - {{ service.0.price_|floatformat }}<span class="icon-saudi_riyal"></span></span></small>
                                         <br>
                                     {% endfor %}
                                 </td>

templates/sales/invoices/invoice_preview.html

@@ -1,11 +1,10 @@
 {% load i18n static custom_filters num2words_tags %}
 <!DOCTYPE html>
-<html lang="ar">
+<html lang="ar" dir="rtl">
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Invoice</title>
-        <!-- CSS -->
         <link href="{% static 'css/theme.min.css' %}"
               type="text/css"
               rel="stylesheet"
@@ -15,75 +14,80 @@
               rel="stylesheet"
               id="user-style-default">
         <link href="{% static 'css/custom.css' %}" type="text/css" rel="stylesheet">
-        <!-- Google Fonts - Roboto -->
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
               rel="stylesheet">
-        <!-- Custom CSS -->
         <style>
             body {
                 font-family: 'Roboto', sans-serif;
                 margin: 0;
-                padding: 10mm;
+                padding: 0;
                 background-color: #f8f9fa;
             }
+
             .invoice-container {
                 width: 210mm;
                 min-height: 297mm;
                 padding: 10mm;
-                margin: auto;
+                margin: 10mm auto;
                 background: white;
                 border-radius: 5px;
                 box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-                position: relative;
+                display: flex;
+                flex-direction: column;
             }
+
+            .invoice-content {
+                flex-grow: 1;
+            }
+
             .invoice-header {
                 text-align: center;
                 border-bottom: 2px solid #dee2e6;
                 padding-bottom: 10px;
                 margin-bottom: 20px;
             }
+
             .qr-code {
                 text-align: center;
                 margin-top: 10px;
             }
+
             .qr-code img {
                 width: 3cm;
                 height: 3cm;
                 border-radius: 0.3333333333rem;
             }
-            .dealer-logo img {
-                width: 3cm;
-                height: 1cm;
-                position: relative;
-            }
+
             .invoice-details, .invoice-table {
-                font-size: 12px;
+                font-size: 14px;
             }
+
             .invoice-table th {
                 background-color: #f8f9fa;
                 font-weight: 600;
             }
+
             .invoice-total {
                 text-align: right;
-                font-size: 13px;
+                font-size: 16px;
                 font-weight: 600;
                 margin-top: 10px;
             }
+
             .footer-note {
-                position: absolute;
-                bottom: 10mm;
-                left: 10mm;
-                right: 10mm;
-                font-size: 10px;
+                margin-top: auto;
+                padding-top: 10mm;
+                font-size: 13px;
                 display: flex;
                 justify-content: space-between;
                 align-items: center;
+                border-top: 2px solid #dee2e6; /* Add a top border to separate from content */
             }
+
             .logo-img img {
                 width: 10mm;
                 height: 10mm;
             }
-
         </style>
     </head>
     <body>
@@ -97,271 +101,274 @@
             </div>
             <div class="col-8"></div>
         </div>
+
         <div class="invoice-container" id="invoice-content">
-            <div class="invoice-header">
-                <h5 class="fs-5">Tax&nbsp;Invoice&nbsp;&nbsp;/&nbsp;&nbsp;فاتورة&nbsp;ضريبية</h5>
-            </div>
-            <div class="invoice-details p-1">
-                <div class="d-flex justify-content-center align-items-center">
-                    <div class="qr-code">
-                        <img src="{% static 'qr_code/Marwan_qr.png' %}" alt="QR Code">
-                    </div>
+            <div class="invoice-content">
+                <div class="invoice-header">
+                    <h5 class="fs-5">
+                        <span>Invoice</span>&nbsp;/&nbsp;<span>فاتورة</span>
+                    </h5>
                 </div>
-                <div class="d-flex justify-content-end align-items-end">
-                    <div class="dealer-logo ">
-                        {% if dealer.logo %}
-                            <img class="rounded-soft"
-                                 src="{{ dealer.logo.url|default:'' }}"
-                                 alt="Dealer Logo" />
-                        {% endif %}
+                <div class="invoice-details p-1">
+                    <div class="d-flex justify-content-around align-items-end">
+                       <div class="d-flex justify-content-start align-items-center">
+                            <div class="qr-code">
+                            <img src="{% static 'qr_code/Marwan_qr.png' %}" alt="QR Code">
+                            </div>
+                       </div>
+                        <div class="dealer-logo ">
+                            {% if request.dealer.logo %}
+                                <img class="rounded-soft" style="max-width:150px; max-height:150px;"
+                                     src="{{ request.dealer.logo.url|default:'' }}"
+                                     alt="Dealer Logo" />
+                            {% endif %}
+                        </div>
                     </div>
+
+                    <table class="table table-sm table-responsive border-gray-50">
+                        
+                        <tr>
+                            <td class="ps-1">
+                                <strong>Dealership Name</strong>
+                            </td>
+                            <td class="text-center">
+                                {{ request.dealer.name }}
+                            </td>
+                            <td class="text-end">
+                                <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>Invoice&nbsp;Number</strong>
+                            </td>
+                            <td class="text-center">{{ invoice.invoice_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">{{ invoice.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">{{ invoice.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">{{ invoice.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">{{ invoice.get_terms_display }}</td>
+                            <td class="text-end p-1">
+                                <strong>شروط الدفع</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>
-                <table class="table table-sm table-bordered border-gray-50">
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Customer Name</strong>
-                        </td>
-                        <td class="text-center">
-                            {{ dealer.arabic_name }}
-                            <br>
-                            {{ dealer.name }}
-                        </td>
-                        <td class="text-end">
-                            <strong>اسم&nbsp;العميل</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Address</strong>
-                        </td>
-                        <td class="text-center">{{ dealer.address }}</td>
-                        <td class="text-end">
-                            <strong>العنوان</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Phone</strong>
-                        </td>
-                        <td class="text-center">{{ dealer.phone_number }}</td>
-                        <td class="text-end">
-                            <strong>جوال</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>VAT Number</strong>
-                        </td>
-                        <td class="text-center">{{ dealer.vrn }}</td>
-                        <td class="text-end  p-1">
-                            <strong>الرقم الضريبي</strong>
-                        </td>
-                    </tr>
-                </table>
-                <table class="table table-sm table-bordered border-gray-50">
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Invoice&nbsp;Number</strong>
-                        </td>
-                        <td class="text-center">{{ invoice.invoice_number }}</td>
-                        <td class="text-end p-1">
-                            <strong>رقم&nbsp;الفاتورة</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Date</strong>
-                        </td>
-                        <td class="text-center">{{ invoice.date_in_review| date:"Y/m/d" }}</td>
-                        <td class="text-end p-1">
-                            <strong>التاريخ</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Customer</strong>
-                        </td>
-                        <td class="text-center">{{ invoice.customer.customer_name }}</td>
-                        <td class="text-end p-1">
-                            <strong>العميل</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>VAT&nbsp;ID</strong>
-                        </td>
-                        <td class="text-center">{{ invoice.customer.vrn|default:"-" }}</td>
-                        <td class="text-end p-1">
-                            <strong>الرقم&nbsp;الضريبي</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Email</strong>
-                        </td>
-                        <td class="text-center">{{ invoice.customer.email|default:"N/A" }}</td>
-                        <td class="text-end p-1">
-                            <strong>البريد&nbsp;الالكتروني</strong>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="ps-1">
-                            <strong>Terms</strong>
-                        </td>
-                        <td class="text-center">{{ invoice.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&nbsp;Details</span>
-                <span class="fs-9 fw-thin">تفاصيل&nbsp;السيارة</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">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">Including VAT</span> / <span class="fs-10">شامل الضريبة</span>
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for item in data.cars %}
-                            <tr>
-                                <td class="ps-1 fs-10 align-content-center" colspan="3">{{ item.make }} - {{ item.model }} - {{ item.trim }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.year }}</td>
-                                <td class="ps-1 fs-10 align-content-center">{{ item.vin }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.quantity|floatformat }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.unit_price|floatformat }}</td>
-                                <td class="text-center fs-10 align-content-center">{{ item.total_vat|floatformat }}</td>
-                            </tr>
-                        {% endfor %}
-                        <tr>
-                            <td class="ps-1 fs-10 align-content-center" colspan="5"></td>
-                            <td class="text-center fs-10 align-content-center">{{ data.quantity|floatformat }}</td>
-                            <td class="text-center fs-10 align-content-center">{{ data.total_price_before_discount|floatformat }}</td>
-                            <td class="text-center fs-10 align-content-center">{{ data.grand_total|floatformat }}</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.additionals %}
                 <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">
-                                    <span class="fs-10">Including VAT</span> / <span class="fs-10">شامل الضريبة</span>
+                                <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>
-                            {% for item in data.additionals %}
-                                <tr>
-                                    <td class="ps-1 text-start fs-10 align-content-center">{{ item.name }}</td>
-                                    <td class="ps-1 text-center fs-10 align-content-center">{{ item.price|floatformat }}</td>
-                                    <td class="ps-1 text-center fs-10 align-content-center">{{ item.price_|floatformat }}</td>
-                                </tr>
-                            {% endfor %}
+                            
+                            <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>
-            {% 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">VAT</strong>
-                            </td>
-                            <td class="text-center">
-                                <span class="fs-9">{{ data.total_vat_amount|floatformat }} <span class="icon-saudi_riyal"></span></span>
-                            </td>
-                            <td class="text-end">
-                                <strong class="fs-9">ضريبة&nbsp;القيمة&nbsp;المضافة</strong>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td class="text-start ps-1">
-                                <strong class="fs-9">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 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">Service 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">الإجمالي&nbsp;الكلي</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>
-            <br>
-            <br>
-            <br>
-            <br>
-            <br>
-            <br>
+
             <div class="footer-note">
                 <div class="logo-img text-center">
                     <img src="{% static 'images/logos/logo-d-pdf.png' %}" alt="Logo" />
-                    <p class="fs-11 fw-bold">
+                    <p class="fs-9 fw-bold">
                         <span>Haikal</span>&nbsp;|&nbsp;<span>هيكل</span>
                     </p>
                 </div>
                 <p class="fs-11">
-                    <span class="fw-thin">Powered&nbsp;by&nbsp;</span><a class="text-decoration-none"
-   href="https://tenhal.sa"
-   style="color: #112e40"><span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span></a>
+                    <span class="fw-thin">Powered&nbsp;by&nbsp;</span>
+                    <a class="text-decoration-none fs-9"
+                        href="https://tenhal.sa"
+                    style="color: #112e40;"><span>TENHAL</span>&nbsp;|&nbsp;<span>تنحل</span></a>
                 </p>
             </div>
         </div>
+
         <script src="{% static 'vendors/bootstrap/bootstrap.min.js' %}"></script>
         <script src="{% static 'js/html2pdf.bundle.min.js' %}"></script>
         <script>
             document.getElementById('download-pdf').addEventListener('click', function () {
                 html2pdf().from(document.getElementById('invoice-content')).set({
                     margin: 0,
-                    filename: "{{ invoice.invoice_number }}_{{ invoice.customer.customer_name }}_{{ invoice.date_in_review|date:'Y-m-d' }}.pdf",
+                    filename: "{{ invoice.invoice_number }}_{{ invoice.customer.customer_name  }}_{{invoice.date_approved|date:'Y-m-d' }}.pdf",
                     image: { type: 'jpeg', quality: 0.98 },
                     html2canvas: { scale: 3 },
-                    jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
+                    jsPDF: { unit: 'mm', format: 'a3', orientation: 'portrait' }
                 }).save();
             });
         </script>
     </body>
-</html>
+</html>