diff --git a/core/templates/core/email/payslip_email.html b/core/templates/core/email/payslip_email.html index 48c203f..e235b6b 100644 --- a/core/templates/core/email/payslip_email.html +++ b/core/templates/core/email/payslip_email.html @@ -5,8 +5,9 @@ body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; } .container { max-width: 600px; margin: 0 auto; border: 1px solid #ddd; padding: 20px; } .header { text-align: center; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 20px; } - .title { font-size: 24px; font-weight: bold; text-transform: uppercase; color: #000; } - .subtitle { font-size: 14px; color: #666; margin-top: 5px; } + .beneficiary-name { font-size: 24px; font-weight: bold; text-transform: uppercase; color: #000; } + .sub-header { font-size: 14px; color: #666; margin-bottom: 5px; } + .title { font-size: 18px; font-weight: bold; color: #666; } .meta { margin-bottom: 20px; background-color: #f8f9fa; padding: 10px; border-radius: 4px; } .items-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .items-table th, .items-table td { border-bottom: 1px solid #eee; padding: 8px; text-align: left; } @@ -21,12 +22,13 @@
-
Payslip
-
Reference: #{{ record.id }}
+
PAYMENT TO BENEFICIARY
+
{{ record.worker.name }}
+
Payslip #{{ record.id }}
- Worker: {{ record.worker.name }}
+ Beneficiary: {{ record.worker.name }}
ID Number: {{ record.worker.id_no }}
Date: {{ record.date }}
@@ -62,9 +64,9 @@
-

Generated by Fox Fitt App for {{ record.worker.name }}

+

Payer: Fox Fitt | Generated for {{ record.worker.name }}

Date Generated: {% now "Y-m-d H:i" %}

- + \ No newline at end of file diff --git a/core/templates/core/payslip.html b/core/templates/core/payslip.html index 939140e..6308905 100644 --- a/core/templates/core/payslip.html +++ b/core/templates/core/payslip.html @@ -13,30 +13,31 @@
-
-
-

Fox Fitt

-

Construction Management System

+
+
+
Payment To Beneficiary:
+

{{ record.worker.name }}

+

Payslip No. #{{ record.id|stringformat:"06d" }}

-
-

Payslip

-
No. #{{ record.id|stringformat:"06d" }}
+
+

Payslip

{{ record.date|date:"F j, Y" }}
+
Payer: Fox Fitt
-
Pay To:
+
Beneficiary Details:

{{ record.worker.name }}

ID Number: {{ record.worker.id_no }}

Phone: {{ record.worker.phone_no }}

-
-
Payment Summary:
+
+
Net Payable Amount:
R {{ record.amount|intcomma }}
-

PAID

+

PAID

@@ -141,7 +142,7 @@

This is a computer-generated document and does not require a signature.

-

Fox Fitt © 2026

+

Payer: Fox Fitt © 2026

diff --git a/core/templates/core/pdf/payslip_pdf.html b/core/templates/core/pdf/payslip_pdf.html index 2b3bb02..9ce183d 100644 --- a/core/templates/core/pdf/payslip_pdf.html +++ b/core/templates/core/pdf/payslip_pdf.html @@ -16,8 +16,9 @@ } body { font-family: Helvetica, sans-serif; font-size: 12pt; line-height: 1.5; color: #333; } .header { text-align: center; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 20px; } - .title { font-size: 24pt; font-weight: bold; text-transform: uppercase; color: #000; } - .subtitle { font-size: 14pt; color: #666; margin-top: 5px; } + .beneficiary-name { font-size: 24pt; font-weight: bold; text-transform: uppercase; color: #000; } + .sub-header { font-size: 12pt; color: #666; margin-bottom: 5px; } + .title { font-size: 18pt; font-weight: bold; color: #666; } .meta { margin-bottom: 20px; padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9; } .items-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } .items-table th { border-bottom: 1px solid #000; padding: 8px; text-align: left; background-color: #eee; font-weight: bold; } @@ -32,12 +33,13 @@
-
Payslip
-
Reference: #{{ record.id }}
+
PAYMENT TO BENEFICIARY
+
{{ record.worker.name }}
+
Payslip #{{ record.id }}
- Worker: {{ record.worker.name }}
+ Beneficiary: {{ record.worker.name }}
ID Number: {{ record.worker.id_no }}
Date: {{ record.date }}
@@ -73,7 +75,7 @@
- + \ No newline at end of file