From 4c0f0299ea87d77a1ef4222ab3523c968cff8f0b Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:02 +0530
Subject: [PATCH 01/17] fix: escape assigned user full name in project portal
 row templates

---
 erpnext/templates/includes/projects/project_row.html        | 4 ++--
 erpnext/templates/includes/projects/project_tasks.html      | 4 ++--
 erpnext/templates/includes/projects/project_timesheets.html | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/erpnext/templates/includes/projects/project_row.html b/erpnext/templates/includes/projects/project_row.html
index 7c8d23f056d..b0a9a276f2a 100644
--- a/erpnext/templates/includes/projects/project_row.html
+++ b/erpnext/templates/includes/projects/project_row.html
@@ -33,11 +33,11 @@
                 "full_name", "user_image"
               ], as_dict = True) %}
             {% if user_details.user_image %}
-              <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name }}">
+              <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name | e }}">
                 <img src="{{ user_details.user_image | e }}">
               </span>
             {% else %}
-              <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name }}">
+              <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name | e }}">
                 <div class='standard-image' style="background-color: #F5F4F4; color: #000;">
                   {{ frappe.utils.get_abbr(user_details.full_name) }}
                 </div>
diff --git a/erpnext/templates/includes/projects/project_tasks.html b/erpnext/templates/includes/projects/project_tasks.html
index d914dd90b38..c1f9cc16112 100644
--- a/erpnext/templates/includes/projects/project_tasks.html
+++ b/erpnext/templates/includes/projects/project_tasks.html
@@ -26,11 +26,11 @@
 		["full_name", "user_image"],
 		as_dict = True)%}
         {% if user_details.user_image %}
-          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name }}">
+          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name | e }}">
             <img src="{{ user_details.user_image | e }}">
           </span>
         {% else %}
-          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name }}">
+          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name | e }}">
             <div class='standard-image' style='background-color: #F5F4F4; color: #000;'>
               {{ frappe.utils.get_abbr(user_details.full_name) }}
             </div>
diff --git a/erpnext/templates/includes/projects/project_timesheets.html b/erpnext/templates/includes/projects/project_timesheets.html
index 6c3f8011ecd..8e118d2499c 100644
--- a/erpnext/templates/includes/projects/project_timesheets.html
+++ b/erpnext/templates/includes/projects/project_timesheets.html
@@ -14,11 +14,11 @@
           ], as_dict = True)
  		    %}
         {% if user_details.user_image %}
-          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name }}">
+          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name | e }}">
             <img src="{{ user_details.user_image | e }}">
           </span>
         {% else %}
-          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name }}">
+          <span class="avatar avatar-small" style="width:32px; height:32px;" title="{{ user_details.full_name | e }}">
             <div class='standard-image' style='background-color: #F5F4F4; color: #000;'>
               {{ frappe.utils.get_abbr(user_details.full_name) }}
             </div>

From 5c4fb99f6859e15ac3a6bb63af9eddd9d605e860 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:03 +0530
Subject: [PATCH 02/17] fix: urlencode project name in project portal page and
 script

---
 erpnext/templates/pages/projects.html | 2 +-
 erpnext/templates/pages/projects.js   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/erpnext/templates/pages/projects.html b/erpnext/templates/pages/projects.html
index e671e91db2f..10466a6cb2f 100644
--- a/erpnext/templates/pages/projects.html
+++ b/erpnext/templates/pages/projects.html
@@ -34,7 +34,7 @@
   <div class="row align-items-center">
     <div class="col-sm-6 my-account-header"> <h4>{{ _("Tasks") }}</h4></div>
     <div class="col-sm-6 text-right">
-      <a class="btn btn-secondary btn-light btn-sm" href='/tasks/new?project={{ doc.project_name }}'>{{ _("New task") }}</a>
+      <a class="btn btn-secondary btn-light btn-sm" href='/tasks/new?project={{ doc.project_name | urlencode }}'>{{ _("New task") }}</a>
     </div>
   </div>
   {% if doc.tasks %}
diff --git a/erpnext/templates/pages/projects.js b/erpnext/templates/pages/projects.js
index 622ed42f85f..24c16268e61 100644
--- a/erpnext/templates/pages/projects.js
+++ b/erpnext/templates/pages/projects.js
@@ -45,7 +45,7 @@ frappe.ready(function () {
 			dataType: "json",
 			data: {
 				cmd: "erpnext.templates.pages.projects.get_" + item + "_html",
-				project: "{{ doc.name }}",
+				project: "{{ doc.name | e }}",
 				item_status: item_status,
 			},
 			success: function (data) {
@@ -80,7 +80,7 @@ frappe.ready(function () {
 			dataType: "json",
 			data: {
 				cmd: "erpnext.templates.pages.projects.get_" + item + "_html",
-				project: "{{ doc.name }}",
+				project: "{{ doc.name | e }}",
 				start: start,
 				item_status: item_status,
 			},
@@ -96,7 +96,7 @@ frappe.ready(function () {
 
 	var close_item = function (item, item_name) {
 		var args = {
-			project: "{{ doc.name }}",
+			project: "{{ doc.name | e }}",
 			item_name: item_name,
 		};
 		frappe.call({

From bc0fd611d473c6481dc528a7b497760bb9f74bcc Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:05 +0530
Subject: [PATCH 03/17] fix: escape forum topics and get started sections on
 help page

---
 erpnext/templates/pages/help.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/erpnext/templates/pages/help.html b/erpnext/templates/pages/help.html
index 726d5e1b881..7e11bcb7d54 100644
--- a/erpnext/templates/pages/help.html
+++ b/erpnext/templates/pages/help.html
@@ -17,12 +17,12 @@
 
 {% for section in get_started_sections %}
 <div style="margin-bottom: 30px;">
-	<h2>{{ section["name"] }}</h2>
+	<h2>{{ section["name"] | e }}</h2>
 	{% for item in section["items"] %}
 	<div style="margin: 20px 0;">
-		<a href="{{ item.link }}"><b>{{ item.title }}</b></a>
+		<a href="{{ item.link | e }}"><b>{{ item.title | e }}</b></a>
 		{% if item.description -%}
-		<p>{{ item.description }}</p>
+		<p>{{ item.description | e }}</p>
 		{%- endif %}
 	</div>
 	{% endfor %}
@@ -35,15 +35,15 @@
 	<h2>{{ _("Forum Activity") }}</h2>
 	{% for topic in topics %}
 	<div style="margin: 20px 0;">
-		<a href="{{ topic[post_params.link] }}">
-			<b>{{ topic[post_params.title] }}</b>
+		<a href="{{ topic[post_params.link] | e }}">
+			<b>{{ topic[post_params.title] | e }}</b>
 		</a>
 		{% if topic[post_params.description] -%}
-		<p>{{ topic[post_params.description] }}</p>
+		<p>{{ topic[post_params.description] | e }}</p>
 		{%- endif %}
 	</div>
 	{% endfor %}
-	<p><a href="{{ forum_url }}">{{ _("Visit the forums") }}</a></p>
+	<p><a href="{{ forum_url | e }}">{{ _("Visit the forums") }}</a></p>
 	<hr>
 </div>
 

From c42d653da545062d73657565e315191b649df92d Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:06 +0530
Subject: [PATCH 04/17] fix: render terms and conditions through sanitize_html
 on order page

---
 erpnext/templates/pages/order.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/erpnext/templates/pages/order.html b/erpnext/templates/pages/order.html
index 853c2566969..0babd8e57f9 100644
--- a/erpnext/templates/pages/order.html
+++ b/erpnext/templates/pages/order.html
@@ -151,7 +151,7 @@
 	{% if doc.terms %}
 		<div class="terms-and-condition text-muted small">
 			<hr>
-			<p>{{ doc.terms }}</p>
+			<p>{{ frappe.sanitize_html(doc.terms) }}</p>
 		</div>
 	{% endif %}
 {% endblock %}

From a3032f2f6640ef80ec8b8ee32c984b231d7ac230 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:07 +0530
Subject: [PATCH 05/17] fix: serialize document values with tojson in rfq
 portal script

---
 erpnext/templates/includes/rfq.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/erpnext/templates/includes/rfq.js b/erpnext/templates/includes/rfq.js
index 4570a7445ff..cba5aead302 100644
--- a/erpnext/templates/includes/rfq.js
+++ b/erpnext/templates/includes/rfq.js
@@ -5,10 +5,10 @@ window.doc={{ doc.as_json() }};
 
 $(document).ready(function() {
 	new rfq();
-	doc.supplier = "{{ doc.supplier }}"
-	doc.currency = "{{ doc.currency }}"
-	doc.number_format = "{{ doc.number_format }}"
-	doc.buying_price_list = "{{ doc.buying_price_list }}"
+	doc.supplier = {{ doc.supplier | tojson }}
+	doc.currency = {{ doc.currency | tojson }}
+	doc.number_format = {{ doc.number_format | tojson }}
+	doc.buying_price_list = {{ doc.buying_price_list | tojson }}
 });
 
 rfq = class rfq {

From 0b1dd6cccf91b59f769fef785c5afa3432cda6c0 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:09 +0530
Subject: [PATCH 06/17] fix: encode image url and escape alt text in shared
 media macros

---
 erpnext/templates/includes/macros.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/erpnext/templates/includes/macros.html b/erpnext/templates/includes/macros.html
index 847ff467f90..b33735e6ee1 100644
--- a/erpnext/templates/includes/macros.html
+++ b/erpnext/templates/includes/macros.html
@@ -2,7 +2,7 @@
 <div class="product-image product-image-square h-100 rounded
 	{% if not website_image -%} missing-image {%- endif %} {{ css_class }}"
 	{% if website_image -%}
-	style="background-image: url('{{ frappe.utils.quoted(website_image) | abs_url }}');"
+	style="background-image: url('{{ (frappe.utils.quoted(website_image) | abs_url).replace("'", "%27") }}');"
 	{%- endif %}>
 </div>
 {% endmacro %}
@@ -10,7 +10,7 @@
 {% macro product_image(website_image, css_class="product-image", alt="", no_border=False) %}
 	<div class="{{ 'border' if not no_border else ''}} text-center rounded {{ css_class }}" style="overflow: hidden;">
 		{% if website_image %}
-			<img itemprop="image" class="website-image h-100 w-100" alt="{{ alt }}" src="{{ frappe.utils.quoted(website_image) | abs_url }}">
+			<img itemprop="image" class="website-image h-100 w-100" alt="{{ alt | e }}" src="{{ frappe.utils.quoted(website_image) | abs_url }}">
 		{% else %}
 			<div class="card-img-top no-image-item">
 				{{ frappe.utils.get_abbr(alt) or "NA" }}
@@ -22,11 +22,11 @@
 {% macro media_image(website_image, name, css_class="") %}
 	<div class="product-image sidebar-image-wrapper {{ css_class }}">
 		{% if not website_image -%}
-		<div class="sidebar-standard-image"> <div class="standard-image" style="background-color: rgb(250, 251, 252);">{{name}}</div> </div>
+		<div class="sidebar-standard-image"> <div class="standard-image" style="background-color: rgb(250, 251, 252);">{{ name | e }}</div> </div>
 		{%- endif %}
 		{% if website_image -%}
-			<a href="{{ frappe.utils.quoted(website_image) }}">
-				<img itemprop="image" src="{{ frappe.utils.quoted(website_image) | abs_url }}"
+			<a href="{{ frappe.utils.quoted(website_image) | abs_url | e }}">
+				<img itemprop="image" src="{{ frappe.utils.quoted(website_image) | abs_url | e }}"
 					class="img-responsive img-thumbnail sidebar-image" style="min-height:100%; min-width:100%;">
 			</a>
 		{%- endif %}

From 53394478d9a4d66e29b06d3f5c81a4cc97efd217 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:10 +0530
Subject: [PATCH 07/17] fix: escape pathname and document name in transaction
 row link

---
 erpnext/templates/includes/transaction_row.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/erpnext/templates/includes/transaction_row.html b/erpnext/templates/includes/transaction_row.html
index 061c9bd1796..e8f71391b1c 100644
--- a/erpnext/templates/includes/transaction_row.html
+++ b/erpnext/templates/includes/transaction_row.html
@@ -25,5 +25,5 @@
 			</div>
 		{% endif %}
 	</div>
-	<a class="transaction-item-link" href="/{{ pathname }}/{{ doc.name }}">Link</a>
+	<a class="transaction-item-link" href="/{{ pathname | e }}/{{ doc.name | e }}">Link</a>
 </div>

From 9a4cb48429e1fb46711f1a654a0ce370c0a8fbac Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:22 +0530
Subject: [PATCH 08/17] fix: escape partner logo url and partner name in
 partner pages

---
 erpnext/templates/generators/sales_partner.html | 4 ++--
 erpnext/templates/pages/partners.html           | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/erpnext/templates/generators/sales_partner.html b/erpnext/templates/generators/sales_partner.html
index df0e04b2441..d0add7ef08c 100644
--- a/erpnext/templates/generators/sales_partner.html
+++ b/erpnext/templates/generators/sales_partner.html
@@ -9,8 +9,8 @@
 	<div class="row">
 		<div class="col-md-4">
 			{% if logo %}
-			<img itemprop="brand" src="{{ logo }}" class="partner-logo"
-				alt="{{ partner_name }}" title="{{ partner_name }}" />
+			<img itemprop="brand" src="{{ logo | abs_url | e }}" class="partner-logo"
+				alt="{{ partner_name | e }}" title="{{ partner_name | e }}" />
 			<br><br>
 			{% endif %}
 			{% if addresses %}
diff --git a/erpnext/templates/pages/partners.html b/erpnext/templates/pages/partners.html
index 72d6a6478f7..71962b90afa 100644
--- a/erpnext/templates/pages/partners.html
+++ b/erpnext/templates/pages/partners.html
@@ -10,14 +10,14 @@
 	<div class="row">
 		<div class="col-md-3">
 			{% if partner_info.logo -%}
-			<a href="{{ partner_info.route }}">
-				<img itemprop="brand" src="{{ partner_info.logo }}" class="partner-logo"
-					alt="{{ partner_info.partner_name }}" title="{{ partner_info.partner_name }}" />
+			<a href="{{ partner_info.route | abs_url | e }}">
+				<img itemprop="brand" src="{{ partner_info.logo | abs_url | e }}" class="partner-logo"
+					alt="{{ partner_info.partner_name | e }}" title="{{ partner_info.partner_name | e }}" />
 			</a>
 			{%- endif %}
 		</div>
 		<div class="col-md-9">
-			<a href="{{ partner_info.route }}">
+			<a href="{{ partner_info.route | abs_url | e }}">
 				<h4>{{ partner_info.partner_name }}</h4>
 			</a>
 			<p style="color: #999">{{ partner_info.territory }} - {{ partner_info.partner_type }}</p>

From 303c4f9081a2e13d5210ebcaa2baeca8c86b34ff Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:23 +0530
Subject: [PATCH 09/17] fix: escape help article route on support page

---
 erpnext/www/support/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/erpnext/www/support/index.html b/erpnext/www/support/index.html
index 3c19198cc16..6702e57cae7 100644
--- a/erpnext/www/support/index.html
+++ b/erpnext/www/support/index.html
@@ -53,7 +53,7 @@
 						<h3 class="card-title">{{ favorite_article['title'] }}</h3>
 						<p class="card-text">{{ favorite_article['description'] }}</p>
 					</div>
-					<a href="{{ favorite_article['route'] }}" class="stretched-link"></a>
+					<a href="{{ favorite_article['route'] | e }}" class="stretched-link"></a>
 				</div>
 			</div>
 			{% endfor %}
@@ -72,7 +72,7 @@
 				<h5>{{ item['category'].name }}</h5>
 				<div>
 					{% for article in item['articles'] %}
-					<a href="{{ article.route }}" class="mt-2 d-block">{{ article.title }}</a>
+					<a href="{{ article.route | e }}" class="mt-2 d-block">{{ article.title }}</a>
 					{% endfor %}
 				</div>
 			</div>

From dc7822b3194fb3d1c225f2ea4a8af83eac745e51 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:24 +0530
Subject: [PATCH 10/17] fix: escape item image url in compact item print
 description

---
 .../print_formats/includes/item_table_description.html          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/erpnext/templates/print_formats/includes/item_table_description.html b/erpnext/templates/print_formats/includes/item_table_description.html
index 7569e50b45c..4ad3d6dd1d1 100644
--- a/erpnext/templates/print_formats/includes/item_table_description.html
+++ b/erpnext/templates/print_formats/includes/item_table_description.html
@@ -5,7 +5,7 @@
 
 {% if doc.in_format_data("image") and doc.get("image") and "image" in display_columns -%}
 <div class="pull-left" style="max-width: 40%; margin-right: 10px;">
-	<img class="print-item-image" src="{{ doc.image }}" alt="">
+	<img class="print-item-image" src="{{ doc.image | e }}" alt="">
 </div>
 {%- endif %}
 

From 0541635f481ea76c83406d2a0625e90805830c72 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:26 +0530
Subject: [PATCH 11/17] fix: escape item image url and item name in item image
 print formats

---
 .../pos_invoice_with_item_image.json                            | 2 +-
 .../purchase_invoice_with_item_image.json                       | 2 +-
 .../sales_invoice_with_item_image.json                          | 2 +-
 .../purchase_order_with_item_image.json                         | 2 +-
 .../request_for_quotation_with_item_image.json                  | 2 +-
 .../quotation_with_item_image/quotation_with_item_image.json    | 2 +-
 .../sales_order_with_item_image.json                            | 2 +-
 .../delivery_note_with_item_image.json                          | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/erpnext/accounts/print_format/pos_invoice_with_item_image/pos_invoice_with_item_image.json b/erpnext/accounts/print_format/pos_invoice_with_item_image/pos_invoice_with_item_image.json
index a9d81808a78..6a456894e65 100644
--- a/erpnext/accounts/print_format/pos_invoice_with_item_image/pos_invoice_with_item_image.json
+++ b/erpnext/accounts/print_format/pos_invoice_with_item_image/pos_invoice_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Number:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Payment Due Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.due_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Number:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Payment Due Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.due_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
diff --git a/erpnext/accounts/print_format/purchase_invoice_with_item_image/purchase_invoice_with_item_image.json b/erpnext/accounts/print_format/purchase_invoice_with_item_image/purchase_invoice_with_item_image.json
index f3677f07639..acd011f251b 100644
--- a/erpnext/accounts/print_format/purchase_invoice_with_item_image/purchase_invoice_with_item_image.json
+++ b/erpnext/accounts/print_format/purchase_invoice_with_item_image/purchase_invoice_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Address:\") }} </div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.supplier_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.supplier_address %}\n        \t\t\t\t\t\t{% set supplier_address = frappe.db.get_value(\"Address\", doc.supplier_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n                                {{ doc.supplier_name }}<br>\n        \t\t\t\t\t\t{{ supplier_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if supplier_address.address_line2 %}{{ supplier_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ supplier_address.city or \"\" }} {{ supplier_address.state or \"\" }} {{ supplier_address.pincode or \"\" }} {{ supplier_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Purchase Invoice:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Posting Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Due By:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.due_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Address:\") }} </div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.supplier_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.supplier_address %}\n        \t\t\t\t\t\t{% set supplier_address = frappe.db.get_value(\"Address\", doc.supplier_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n                                {{ doc.supplier_name }}<br>\n        \t\t\t\t\t\t{{ supplier_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if supplier_address.address_line2 %}{{ supplier_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ supplier_address.city or \"\" }} {{ supplier_address.state or \"\" }} {{ supplier_address.pincode or \"\" }} {{ supplier_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Purchase Invoice:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Posting Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Due By:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.due_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
diff --git a/erpnext/accounts/print_format/sales_invoice_with_item_image/sales_invoice_with_item_image.json b/erpnext/accounts/print_format/sales_invoice_with_item_image/sales_invoice_with_item_image.json
index 5f19124c267..756087e819a 100644
--- a/erpnext/accounts/print_format/sales_invoice_with_item_image/sales_invoice_with_item_image.json
+++ b/erpnext/accounts/print_format/sales_invoice_with_item_image/sales_invoice_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Number:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Payment Due Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.due_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Number:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Invoice Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Payment Due Date:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.due_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
diff --git a/erpnext/buying/print_format/purchase_order_with_item_image/purchase_order_with_item_image.json b/erpnext/buying/print_format/purchase_order_with_item_image/purchase_order_with_item_image.json
index c8f9f43bb0b..85746ea47cd 100644
--- a/erpnext/buying/print_format/purchase_order_with_item_image/purchase_order_with_item_image.json
+++ b/erpnext/buying/print_format/purchase_order_with_item_image/purchase_order_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Address:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.supplier_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.supplier_address %}\n        \t\t\t\t\t\t{% set supplier_address = frappe.db.get_value(\"Address\", doc.supplier_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n                                {{ doc.supplier_name }}<br>\n        \t\t\t\t\t\t{{ supplier_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if supplier_address.address_line2 %}{{ supplier_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ supplier_address.city or \"\" }} {{ supplier_address.state or \"\" }} {{ supplier_address.pincode or \"\" }} {{ supplier_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Purchase Order:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Order Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Required By:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.schedule_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Address:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.supplier_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.supplier_address %}\n        \t\t\t\t\t\t{% set supplier_address = frappe.db.get_value(\"Address\", doc.supplier_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n                                {{ doc.supplier_name }}<br>\n        \t\t\t\t\t\t{{ supplier_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if supplier_address.address_line2 %}{{ supplier_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ supplier_address.city or \"\" }} {{ supplier_address.state or \"\" }} {{ supplier_address.pincode or \"\" }} {{ supplier_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Purchase Order:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Order Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Required By:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.schedule_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
diff --git a/erpnext/buying/print_format/request_for_quotation_with_item_image/request_for_quotation_with_item_image.json b/erpnext/buying/print_format/request_for_quotation_with_item_image/request_for_quotation_with_item_image.json
index 8ec8d02c73c..bfa936e6f5f 100644
--- a/erpnext/buying/print_format/request_for_quotation_with_item_image/request_for_quotation_with_item_image.json
+++ b/erpnext/buying/print_format/request_for_quotation_with_item_image/request_for_quotation_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Shipping Address:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.vendor }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.shipping_address %}\n        \t\t\t\t\t\t{% set shipping_address = frappe.db.get_value(\"Address\", doc.shipping_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n                                {{ doc.shipping_address }}<br>\n        \t\t\t\t\t\t{{ shipping_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if shipping_address.address_line2 %}{{ shipping_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ shipping_address.city or \"\" }} {{ shipping_address.state or \"\" }} {{ shipping_address.pincode or \"\" }} {{ shipping_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Order Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Required By:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.schedule_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Supplier Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Shipping Address:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.vendor }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.shipping_address %}\n        \t\t\t\t\t\t{% set shipping_address = frappe.db.get_value(\"Address\", doc.shipping_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n                                {{ doc.shipping_address }}<br>\n        \t\t\t\t\t\t{{ shipping_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if shipping_address.address_line2 %}{{ shipping_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ shipping_address.city or \"\" }} {{ shipping_address.state or \"\" }} {{ shipping_address.pincode or \"\" }} {{ shipping_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Order Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Required By:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.schedule_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
diff --git a/erpnext/selling/print_format/quotation_with_item_image/quotation_with_item_image.json b/erpnext/selling/print_format/quotation_with_item_image/quotation_with_item_image.json
index ba1474a8173..dc9ebc50970 100644
--- a/erpnext/selling/print_format/quotation_with_item_image/quotation_with_item_image.json
+++ b/erpnext/selling/print_format/quotation_with_item_image/quotation_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Quotation:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Posting Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Valid Till:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.valid_till) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Quotation:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Posting Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Valid Till:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.valid_till) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
diff --git a/erpnext/selling/print_format/sales_order_with_item_image/sales_order_with_item_image.json b/erpnext/selling/print_format/sales_order_with_item_image/sales_order_with_item_image.json
index 47c89caccc0..8bf466e7080 100644
--- a/erpnext/selling/print_format/sales_order_with_item_image/sales_order_with_item_image.json
+++ b/erpnext/selling/print_format/sales_order_with_item_image/sales_order_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Sales Order:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Order Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Delivery Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.delivery_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">Customer Name:</div>\n\t\t\t\t\t\t<div class=\"info-text\">Bill to:</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Sales Order:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Order Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.transaction_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Delivery Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.delivery_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,
diff --git a/erpnext/stock/print_format/delivery_note_with_item_image/delivery_note_with_item_image.json b/erpnext/stock/print_format/delivery_note_with_item_image/delivery_note_with_item_image.json
index b3dc2dbb580..c6994b956c0 100644
--- a/erpnext/stock/print_format/delivery_note_with_item_image/delivery_note_with_item_image.json
+++ b/erpnext/stock/print_format/delivery_note_with_item_image/delivery_note_with_item_image.json
@@ -9,7 +9,7 @@
  "docstatus": 0,
  "doctype": "Print Format",
  "font_size": 14,
- "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Customer Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Address:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Delivery Note:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Delivery Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Status:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.status }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
+ "html": "{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}\n\n{% if letter_head and not no_letterhead %}\n<div class=\"letter-head\">{{ letter_head }}</div>\n{% endif %}\n{% if print_heading_template %}\n{{ frappe.render_template(print_heading_template, {\"doc\":doc}) }}\n{% endif %}\n{%- endmacro -%}\n\n{% for page in layout %}\n<div class=\"page-break invoice-page\">\n\t<div {% if print_settings.repeat_header_footer %} id=\"header-html\" class=\"hidden-pdf\" {% endif %}>\n\t\t{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}\n\t</div>\n\t{%- if doc.meta.is_submittable and doc.docstatus==2-%}\n\t\t<div class=\"text-center\" document-status=\"cancelled\">\n\t\t\t<h4 style=\"margin-top: 20px;\">{{ _(\"CANCELLED\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\t{%- if doc.meta.is_submittable and doc.docstatus==0 and (print_settings==None or print_settings.add_draft_heading) -%}\n\t\t<div class=\"text-center\" document-status=\"draft\">\n\t\t\t<h4 style=\"margin-top: 20px !important;\">{{ _(\"DRAFT\") }}</h4>\n\t\t</div>\n\t{%- endif -%}\n\n\t<style>\n\t\t.letter-head {\n\t\t\tpadding-top: 12px !important;\n\t\t\tpadding-bottom: 12px !important;\n\t\t}\n\t\t.invoice-page {\n\t\t\tfont-family: Inter, sans-serif;\n\t\t\tcolor: #171717;\n\t\t}\n\n\t\t.print-format-body {\n\t\t\tpadding: 30px 12px 12px 12px !important;\n\t\t}\n\n\t\t.title {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-muted {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.text-dark {\n\t\t\tcolor: #171717 !important;\n\t\t}\n\t\t.small-text {\n\t\t\tfont-size: 11px;\n\t\t\tcolor: #666;\n\t\t}\n\n\t\t.text-left {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.text-center {\n\t\t\ttext-align: center;\n\t\t}\n\t\t.text-right {\n\t\t\ttext-align: right;\n\t\t}\n\t\t.text-bold {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.mt-15 {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t\t.mt-16 {\n\t\t\tmargin-top: 16px;\n\t\t}\n\t\t.mt-40 {\n\t\t\tmargin-top: 40px;\n\t\t}\n\t\t.mw-400 {\n\t\t\tmax-width: 400px;\n\t\t}\n\n\t\t.items-table,\n\t\t.tax-table {\n\t\t\twidth: 100%;\n\t\t\tborder-collapse: separate;\n\t\t\tborder-spacing: 0;\n\t\t\tborder-radius: 10px;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.items-table td,\n\t\t.tax-table td {\n\t\t\tborder-bottom: 1px solid #ededed;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\t.items-table thead td,\n\t\t.tax-table thead td {\n\t\t\tcolor: #7c7c7c !important;\n\t\t}\n\t\t.items-table thead tr:first-of-type td,\n\t\t.tax-table thead tr:first-of-type td {\n\t\t\tborder-bottom: none;\n\t\t}\n\n\t\t.items-table thead tr:first-child td:first-child,\n\t\t.tax-table thead tr:first-child td:first-child {\n\t\t\tborder-top-left-radius: 10px;\n\t\t\tborder-bottom-left-radius: 10px;\n\t\t}\n\t\t.items-table thead tr:first-child td:last-child,\n\t\t.tax-table thead tr:first-child td:last-child {\n\t\t\tborder-top-right-radius: 10px;\n\t\t\tborder-bottom-right-radius: 10px;\n\t\t}\n\n\t\t.in-words {\n\t\t\tcolor: #171717 !important;\n\t\t\tmax-width: 400px;\n\t\t\tword-wrap: break-word;\n\t\t\tline-height: 1.5;\n\t\t\tfont-size: 12px;\n\t\t}\n\n\t\t.row-divider {\n\t\t\tborder-bottom: 1px solid #e9e9e9;\n\t\t}\n\n\t\t.highlight-bg {\n\t\t\tbackground: #f8f8f8;\n\t\t}\n\n\t\t.info-card {\n\t\t\tmargin-top: 40px;\n\t\t\tcolor: #7c7c7c;\n\t\t}\n\n\t\t.info-text {\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.print-format {\n\t\t\tcolor: #171717;\n\t\t\tfont-size: 14px;\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 420;\n\t\t\tline-height: 21px;\n\t\t\tpadding: 0px !important;\n\t\t\tmargin-left: 0mm !important;\n\t\t\tmargin-right: 0mm !important;\n\t\t}\n\n\t\t.letter-head-footer {\n\t\t\tmargin-top: 0px !important;\n\t\t}\n\n\t\t.print-format-body td {\n\t\t\tpadding: 8px 8px !important;\n\t\t}\n\n\t\t.tax-table td,\n\t\t.items-table td {\n\t\t\theight: auto !important;\n\t\t}\n\n\t\t.tax-table thead td,\n\t\t.items-table thead td {\n\t\t\theight: 32px;\n\t\t}\n\n\t\t.item-img td {\n\t\t\tborder: none !important;\n\t\t\tpadding: 0px !important;\n\t\t}\n\t</style>\n\n\t<div class=\"print-format-body\">\n\t\t<table class=\"info-table col-xs-12\" style=\"width: 100%; margin-left: 12px\">\n\t\t\t<tr>\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Customer Name:\") }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Address:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.customer_name }}</div>\n\t\t\t\t\t\t<div class=\"info-text\">\n        \t\t\t\t\t{% if doc.customer_address %}\n        \t\t\t\t\t\t{% set customer_address = frappe.db.get_value(\"Address\", doc.customer_address, [\"address_line1\", \"address_line2\", \"city\", \"state\", \"pincode\", \"country\"], as_dict=True) %}\n        \t\t\t\t\t\t{{ customer_address.address_line1 or \"\" }}<br>\n        \t\t\t\t\t\t{% if customer_address.address_line2 %}{{ customer_address.address_line2 }}<br>{% endif %}\n        \t\t\t\t\t\t{{ customer_address.city or \"\" }} {{ customer_address.state or \"\" }} {{ customer_address.pincode or \"\" }} {{ customer_address.country or \"\" }}<br>\n        \t\t\t\t\t{% endif %}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\n\t\t\t\t<td class=\"col-xs-6\" style=\"padding: 0 !important\">\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Delivery Note:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.name }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Delivery Date:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ frappe.utils.format_date(doc.posting_date) }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"title col-xs-5 p-0\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ _(\"Status:\") }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"col-xs-7\">\n\t\t\t\t\t\t<div class=\"info-text\">{{ doc.status }}</div>\n\t\t\t\t\t</div>\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\n\t\t<!-- Items Table -->\n\t\t{% set item_naming_by = frappe.db.get_single_value(\"Stock Settings\", \"item_naming_by\") %}\n\t\t<table class=\"items-table mt-15\">\n\t\t\t<thead class=\"highlight-bg\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"\ttext-center\">{{ _(\"No\") }}</td>\n\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item\") }}</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ _(\"Item Code\") }}</td>\n\t\t\t\t\t{% endif %}\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Quantity\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Rate\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ _(\"Amount\") }}</td>\n\t\t\t\t</tr>\n\t\t\t</thead>\n\t\t\t<tbody>\n\t\t\t\t{% for item in doc.items %}\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-center\">{{ loop.index }}</td>\n\t\t\t\t\t<td class=\"text-left\">\n\t\t\t\t\t\t<table class=\"item-img\" style=\"border-collapse: collapse\">\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t{% if item.image %}\n\t\t\t\t\t\t\t\t<td class=\"no-style\" style=\"border-radius: 6px; vertical-align: middle\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"{{ item.image | e }}\"\n\t\t\t\t\t\t\t\t\t\talt=\"{{ item.item_name | e }}\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\theight: 24px;\n\t\t\t\t\t\t\t\t\t\t\twidth: 24px !important;\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 8px;\n                                            vertical-align: middle;\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t{% endif %}\n\t\t\t\t\t\t\t\t<td\n\t\t\t\t\t\t\t\t\tclass=\"no-style\"\n\t\t\t\t\t\t\t\t\tstyle=\"vertical-align: middle !important; padding: 0 !important\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{{ item.item_name }}\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t\t{% if item_naming_by != \"Item Code\" %}\n\t\t\t\t\t\t<td class=\"text-left\">{{ item.item_code }}</td>\n\t\t\t\t\t{% endif %}\n\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"qty\", 0) }} {{ item.uom }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_rate\", doc) }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ item.get_formatted(\"net_amount\", doc) }}</td>\n\t\t\t\t</tr>\n\t\t\t\t{% endfor %}\n\t\t\t</tbody>\n\t\t</table>\n\n\t\t<div class=\"test\" style=\"float: right; margin-top: 15px; margin-bottom: 5px;\">\n\t\t\t<table style=\"width: 100%; border-collapse: collapse\">\n\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ _(\"Sub Total:\") }}</td>\n\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"total\", doc) }}</td>\n\t\t\t\t</tr>\n\n\t\t\t\t{%- if doc.apply_discount_on == \"Net Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t\t{%- for tax in doc.taxes -%}\n\t\t\t\t\t{%- if (tax.tax_amount or print_settings.print_taxes_with_zero_amount) and (not tax.included_in_print_rate or doc.flags.show_inclusive_tax_in_print) -%}\n\t\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">{{ tax.get_formatted(\"description\") }} ({{ tax.get_formatted(\"rate\") }}%):</td>\n\t\t\t\t\t\t\t<td class=\"text-right\">{{ tax.get_formatted(\"tax_amount\") }}</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t{%- endif -%}\n\t\t\t\t{%- endfor -%}\n\t\t\t\t{%- if doc.apply_discount_on == \"Grand Total\" -%}\n\t\t\t\t\t<tr class=\"row-divider\">\n\t\t\t\t\t\t<td class=\"text-right text-muted\" style=\"padding-right: 30px !important;\">\n\t\t\t\t\t\t\t{{ _(\"Discount\") }} ({{ doc.additional_discount_percentage }}%):\n\t\t\t\t\t\t</td>\n\t\t\t\t\t\t<td class=\"text-right\">{{ doc.get_formatted(\"discount_amount\", doc) }}</td>\n\t\t\t\t\t</tr>\n\t\t\t\t{%- endif -%}\n\t\t\t</table>\n\t\t</div>\n\n\t\t<div style=\"border-bottom: 1px solid #ededed;\">\n\t\t\t<table class=\"highlight-bg\" style=\"width: 100%; border-collapse: collapse; border-radius: 12px; margin-bottom: 10px;\">\n\t\t\t\t<tr>\n\t\t\t\t\t<td class=\"text-left mw-400\">\n\t\t\t\t\t\t<div class=\"text-capitalize\">\n\t\t\t\t\t\t\t<span class=\"title\"> {{ _(\"In Words: \") }}</span>{{ doc.in_words }}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t\t<td class=\"text-right\"><b>{{ _(\"Grand Total:\") }}</b></td>\n\t\t\t\t\t<td class=\"text-right\">\n\t\t\t\t\t\t<span style=\"font-weight: 700\">\n\t\t\t\t\t\t\t{{ doc.get_formatted(\"grand_total\", doc) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\n\n\t\t<!-- Terms -->\n\t\t{% if doc.terms %}\n\t\t<div class=\"info-card\">\n\t\t\t<div class=\"title\">{{ _(\"Terms and Conditions\") }}</div>\n\t\t\t{{ doc.terms}}\n\t\t</div>\n\t\t{% endif %}\n\t</div>\n\t<div {% if print_settings.repeat_header_footer %} id=\"footer-html\" class=\"visible-pdf\" {% endif %}>\n\t\t{% if not no_letterhead and footer %}\n\t\t<div class=\"letter-head-footer\">\n\t\t\t{{ footer }}\n\t\t</div>\n\t\t{% endif %}\n\t\t{% if print_settings.repeat_header_footer %}\n\t\t<p class=\"text-center small page-number visible-pdf\">\n\t\t\t{{ _(\"Page {0} of {1}\").format('<span class=\"page\"></span>', '<span class=\"topage\"></span>') }}\n\t\t</p>\n\t\t{% endif %}\n\t</div>\n</div>\n{% endfor %}",
  "idx": 0,
  "line_breaks": 0,
  "margin_bottom": 15.0,

From ffb7a708e46a6146caccb48c9b1f8c6b11260970 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:28 +0530
Subject: [PATCH 12/17] fix: escape item, warehouse and label values in form
 grid templates

---
 .../templates/form_grid/includes/visible_cols.html   |  2 +-
 erpnext/templates/form_grid/item_grid.html           | 12 ++++++------
 .../templates/form_grid/material_request_grid.html   |  8 ++++----
 erpnext/templates/form_grid/stock_entry_grid.html    | 10 +++++-----
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/erpnext/templates/form_grid/includes/visible_cols.html b/erpnext/templates/form_grid/includes/visible_cols.html
index 8d79bcdf879..578335ddcd4 100644
--- a/erpnext/templates/form_grid/includes/visible_cols.html
+++ b/erpnext/templates/form_grid/includes/visible_cols.html
@@ -3,7 +3,7 @@
 	if((df.fieldname !== "description" && df.fieldname !== "item_name") && val) { %}
 		<div class="row">
 			<div class="col-xs-4 ellipsis">
-				<strong title="{%= __(df.label, null, df.parent) %}">{%= __(df.label, null, df.parent) %}:</strong>
+				<strong title="{%= frappe.utils.escape_html(__(df.label, null, df.parent)) %}">{%= frappe.utils.escape_html(__(df.label, null, df.parent)) %}:</strong>
 			</div>
 			<div class="col-xs-8">
 				{%= doc.get_formatted(df.fieldname) %}
diff --git a/erpnext/templates/form_grid/item_grid.html b/erpnext/templates/form_grid/item_grid.html
index 72db6c8e653..fac31c7c1a1 100644
--- a/erpnext/templates/form_grid/item_grid.html
+++ b/erpnext/templates/form_grid/item_grid.html
@@ -31,7 +31,7 @@
                 } %}
 				<span class="pull-right" title="{%= title %}" style="margin-left: 10px;">
 					<span class="indicator {{ color }}">
-						{%= doc.warehouse %}
+						{%= frappe.utils.escape_html(doc.warehouse) %}
 					</span>
 				</span>
 			{% } %}
@@ -42,14 +42,14 @@
                                                 doc.delivered_qty : doc.received_qty;
                                 var pending = flt(doc.qty) - flt(delivered);
                                 %}
-                <span class="indicator {%= pending>0 ? "orange" : "green" %}">{%= doc.item_code %}</span>
+                <span class="indicator {%= pending>0 ? "orange" : "green" %}">{%= frappe.utils.escape_html(doc.item_code) %}</span>
 			{% } else { %}
-                <strong>{%= doc.item_code %}</strong>
+                <strong>{%= frappe.utils.escape_html(doc.item_code) %}</strong>
             {% } %}
 
 			{% if(doc.item_name != doc.item_code && in_list(visible_column_fieldnames, "item_name")) { %}
 				{% if (doc.item_code) { %}<br>{% } %}
-                {%= doc.item_name %}{% } %}
+                {%= frappe.utils.escape_html(doc.item_name) %}{% } %}
 
 			{% include "templates/form_grid/includes/visible_cols.html" %}
 		</div>
@@ -57,7 +57,7 @@
 		<!-- qty -->
 		<div class="col-sm-2 hidden-xs text-right">
 			{%= doc.get_formatted("qty") %}
-            <span class="small">{%= doc.uom || doc.stock_uom %}</span>
+            <span class="small">{%= frappe.utils.escape_html(doc.uom || doc.stock_uom) %}</span>
 		</div>
 
 		<!-- rate -->
@@ -84,7 +84,7 @@
 
 			{% if (frappe.perm.is_visible("rate", doc, frm.perm)) { %}
 			<div class="visible-xs text-muted">
-				{%= doc.get_formatted("qty") %} <small>{%= doc.uom || doc.stock_uom %}</small>
+				{%= doc.get_formatted("qty") %} <small>{%= frappe.utils.escape_html(doc.uom || doc.stock_uom) %}</small>
 				x {%= doc.get_formatted("rate") %}
 			</div>
 			{% } %}
diff --git a/erpnext/templates/form_grid/material_request_grid.html b/erpnext/templates/form_grid/material_request_grid.html
index 866c06e5863..ff58da62ab5 100644
--- a/erpnext/templates/form_grid/material_request_grid.html
+++ b/erpnext/templates/form_grid/material_request_grid.html
@@ -11,9 +11,9 @@
 {% } else { %}
 	<div class="row">
 		<div class="col-sm-4">
-            <span class="indicator {%= (doc.qty<=doc.ordered_qty) ? "green" : "orange" %}">{%= doc.item_code %}</strong>
+            <span class="indicator {%= (doc.qty<=doc.ordered_qty) ? "green" : "orange" %}">{%= frappe.utils.escape_html(doc.item_code) %}</strong>
 			{% if(doc.item_name != doc.item_code) { %}
-				<br>{%= doc.item_name %}{% } %}
+				<br>{%= frappe.utils.escape_html(doc.item_name) %}{% } %}
             <!-- {% if(doc.item_name != doc.description) { %}
                 <p>{%= doc.description %}</p>{% } %} -->
 			{% include "templates/form_grid/includes/visible_cols.html" %}
@@ -35,7 +35,7 @@
 			{% if(doc.warehouse) { %}
 				<span class="label label-default" title="{%= __("For Warehouse") %}"
                     style="margin-right: 10px;">
-					{%= doc.warehouse %}
+					{%= frappe.utils.escape_html(doc.warehouse) %}
 				</span>
 			{% } %}
         </div>
@@ -43,7 +43,7 @@
 		<!-- qty -->
 		<div class="col-sm-2 text-right">
 			{%= doc.get_formatted("qty") %}
-			<span class="small">{%= doc.uom || doc.stock_uom %}</span>
+			<span class="small">{%= frappe.utils.escape_html(doc.uom || doc.stock_uom) %}</span>
 		</div>
 	</div>
 {% } %}
diff --git a/erpnext/templates/form_grid/stock_entry_grid.html b/erpnext/templates/form_grid/stock_entry_grid.html
index 8604881812d..d0afa926c50 100644
--- a/erpnext/templates/form_grid/stock_entry_grid.html
+++ b/erpnext/templates/form_grid/stock_entry_grid.html
@@ -12,9 +12,9 @@
 	</div>
 {% } else { %}
 	<div class="row">
-		<div class="col-sm-5 col-xs-4"><strong>{%= doc.item_code %}</strong>
+		<div class="col-sm-5 col-xs-4"><strong>{%= frappe.utils.escape_html(doc.item_code) %}</strong>
 			{% if(doc.item_name != doc.item_code) { %}
-				<br>{%= doc.item_name %}{% } %}
+				<br>{%= frappe.utils.escape_html(doc.item_name) %}{% } %}
 			{% include "templates/form_grid/includes/visible_cols.html" %}
 		</div>
 
@@ -30,11 +30,11 @@
 					}
 				%}
 				 <span class="indicator {{ color }}" title="{{ title }}">
-					 {%= doc.s_warehouse %}</span>
+					 {%= frappe.utils.escape_html(doc.s_warehouse) %}</span>
             {% }; %}
 			{% if(doc.t_warehouse) { %}
 				<div><span class="indicator {{ doc.docstatus==1 ? "blue" : "grey" }}" title="{{ __("Target" ) }}">
-					{%= doc.t_warehouse %}</span>
+					{%= frappe.utils.escape_html(doc.t_warehouse) %}</span>
 				</div>
             {% }; %}
 		</div>
@@ -42,7 +42,7 @@
 		<!-- qty -->
 		<div class="col-sm-2 col-xs-2 text-right">
 			{%= doc.get_formatted("qty") %}
-			<br><small>{%= doc.uom || doc.stock_uom %}</small>
+			<br><small>{%= frappe.utils.escape_html(doc.uom || doc.stock_uom) %}</small>
 		</div>
 
 		<!-- amount -->

From 79284d8430a2df93cea728f3517cb31dd0fe8492 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:39 +0530
Subject: [PATCH 13/17] fix: escape item and document values in manufacturing
 preview templates

---
 .../doctype/bom/bom_item_preview.html              |  4 ++--
 .../doctype/work_order/work_order_preview.html     |  4 ++--
 .../doctype/workstation/workstation_job_card.html  | 14 +++++++-------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/erpnext/manufacturing/doctype/bom/bom_item_preview.html b/erpnext/manufacturing/doctype/bom/bom_item_preview.html
index 06dd4365c67..d3c308bbd8e 100644
--- a/erpnext/manufacturing/doctype/bom/bom_item_preview.html
+++ b/erpnext/manufacturing/doctype/bom/bom_item_preview.html
@@ -20,11 +20,11 @@
 			<hr style="margin: 15px -15px;">
 			<p>
 				{% if data.value && data.value != "BOM" %}
-				<a style="margin-right: 7px; margin-bottom: 7px" class="btn btn-default btn-xs" href="/app/bom/{{ data.value }}">
+				<a style="margin-right: 7px; margin-bottom: 7px" class="btn btn-default btn-xs" href="/app/bom/{{ frappe.utils.escape_html(data.value) }}">
 					{{ __("Open BOM {0}", [data.value.bold()]) }}</a>
 				{% endif %}
 				{% if data.item_code %}
-				<a style="margin-right: 7px; margin-bottom: 7px"  class="btn btn-default btn-xs" href="/app/item/{{ data.item_code }}">
+				<a style="margin-right: 7px; margin-bottom: 7px"  class="btn btn-default btn-xs" href="/app/item/{{ frappe.utils.escape_html(data.item_code) }}">
 					{{ __("Open Item {0}", [data.item_code.bold()]) }}</a>
 				{% endif %}
 			</p>
diff --git a/erpnext/manufacturing/doctype/work_order/work_order_preview.html b/erpnext/manufacturing/doctype/work_order/work_order_preview.html
index 95bdd291ee0..112c8d8250e 100644
--- a/erpnext/manufacturing/doctype/work_order/work_order_preview.html
+++ b/erpnext/manufacturing/doctype/work_order/work_order_preview.html
@@ -20,11 +20,11 @@
 			<hr style="margin: 15px -15px;">
 			<p>
 				{% if data.value %}
-				<a style="margin-right: 7px; margin-bottom: 7px" class="btn btn-default btn-xs" href="#Form/Work Order/{{ data.value }}">
+				<a style="margin-right: 7px; margin-bottom: 7px" class="btn btn-default btn-xs" href="#Form/Work Order/{{ frappe.utils.escape_html(data.value) }}">
 					{{ __("Open Work Order {0}", [data.value.bold()]) }}</a>
 				{% endif %}
 				{% if data.item_code %}
-				<a class="btn btn-default btn-xs" href="#Form/Item/{{ data.item_code }}">
+				<a class="btn btn-default btn-xs" href="#Form/Item/{{ frappe.utils.escape_html(data.item_code) }}">
 					{{ __("Open Item {0}", [data.item_code.bold()]) }}</a>
 				{% endif %}
 			</p>
diff --git a/erpnext/manufacturing/doctype/workstation/workstation_job_card.html b/erpnext/manufacturing/doctype/workstation/workstation_job_card.html
index 1931a60ec09..10cb07ebe10 100644
--- a/erpnext/manufacturing/doctype/workstation/workstation_job_card.html
+++ b/erpnext/manufacturing/doctype/workstation/workstation_job_card.html
@@ -14,10 +14,10 @@
 <div class="form-dashboard-section qrcode-fields col-sm-12 section-body" style="padding-left: 0px;padding-right: 25px;"></div>
 
 {% $.each(data, (idx, d) => { %}
-	<div class="row form-dashboard-section job-card-link form-links border-gray-200" data-name="{{d.name}}">
+	<div class="row form-dashboard-section job-card-link form-links border-gray-200" data-name="{{ frappe.utils.escape_html(d.name) }}">
 		<div class="row form-section" style="width:100%;margin-top:10px">
 			<div class="form-column col-sm-2">
-				<div class="frappe-control bold indicator  {{d.status_colour}}" data-doctype="Job Card" data-name="{{d.name}}" title="{{__(d.status)}}">
+				<div class="frappe-control bold indicator  {{d.status_colour}}" data-doctype="Job Card" data-name="{{ frappe.utils.escape_html(d.name) }}" title="{{__(d.status)}}">
 					{{ d.job_card_link }}
 				</div>
 			</div>
@@ -52,23 +52,23 @@
 				{% } %} -->
 
 			</div>
-			<div class="form-column col-sm-1 btn-start" data-job-card="{{d.name}}">
+			<div class="form-column col-sm-1 btn-start" data-job-card="{{ frappe.utils.escape_html(d.name) }}">
 				<button class="btn btn-default">
 					<span class="menu-item-label" data-label="Start">{{ __('Start') }}</span>
 				</button>
 
 			</div>
-			<div class="form-column col-sm-1 btn-resume" data-job-card="{{d.name}}">
+			<div class="form-column col-sm-1 btn-resume" data-job-card="{{ frappe.utils.escape_html(d.name) }}">
 				<button class="btn btn-default ">
 					<span class="menu-item-label" data-label="Start">{{ __('Resume') }}</span>
 				</button>
 			</div>
-			<div class="form-column col-sm-1 btn-pause" data-job-card="{{d.name}}">
+			<div class="form-column col-sm-1 btn-pause" data-job-card="{{ frappe.utils.escape_html(d.name) }}">
 				<button class="btn btn-default">
 					<span class="menu-item-label" data-label="Start">{{ __('Pause') }}</span>
 				</button>
 			</div>
-			<div class="form-column col-sm-1 btn-complete" data-job-card="{{d.name}}" data-qty="{{d.for_quantity}}">
+			<div class="form-column col-sm-1 btn-complete" data-job-card="{{ frappe.utils.escape_html(d.name) }}" data-qty="{{ d.for_quantity }}">
 				<button class="btn btn-default">
 					<span class="menu-item-label" data-label="Start">{{ __('Complete') }}</span>
 				</button>
@@ -86,7 +86,7 @@
 							</span>
 						</span>
 					</button>
-					<ul class="dropdown-menu dropdown-menu-right menu-actions" role="menu" data-job-card="{{d.name}}">
+					<ul class="dropdown-menu dropdown-menu-right menu-actions" role="menu" data-job-card="{{ frappe.utils.escape_html(d.name) }}">
 						<li>
 							<a class="grey-link dropdown-item btn-transfer-materials" href="#" onclick="return false;">
 								<span class="menu-item-label" data-label="Transfer Materials">{{ __('Transfer Materials') }}</span>

From 09eae9886aae6cf25f5360d897e71f5533fd169d Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:41 +0530
Subject: [PATCH 14/17] fix: escape activity type in project dashboard template

---
 erpnext/projects/doctype/project/project_dashboard.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/erpnext/projects/doctype/project/project_dashboard.html b/erpnext/projects/doctype/project/project_dashboard.html
index 1f299e30833..d8467317582 100644
--- a/erpnext/projects/doctype/project/project_dashboard.html
+++ b/erpnext/projects/doctype/project/project_dashboard.html
@@ -3,7 +3,7 @@
 {% for d in data %}
 <div class="row">
 	<div class="col-xs-4">
-		<a class="small time-sheet-link" data-activity_type="{{ d.activity_type || "" }}">
+		<a class="small time-sheet-link" data-activity_type="{{ frappe.utils.escape_html(d.activity_type || "") }}">
 			{{ d.activity_type || __("Unknown") }}</a>
 	</div>
 	<div class="col-xs-8">

From 57c2887ab49821374ab9a684ee5ca79d0ee3f4b9 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:43 +0530
Subject: [PATCH 15/17] fix: escape attribute values in shared client side
 templates

---
 erpnext/public/js/templates/call_link.html    |  4 +-
 .../public/js/templates/crm_activities.html   | 12 ++--
 .../js/templates/shop_floor_template.html     | 70 +++++++++----------
 3 files changed, 43 insertions(+), 43 deletions(-)

diff --git a/erpnext/public/js/templates/call_link.html b/erpnext/public/js/templates/call_link.html
index 2ae1be68bfd..627d5ec543c 100644
--- a/erpnext/public/js/templates/call_link.html
+++ b/erpnext/public/js/templates/call_link.html
@@ -8,7 +8,7 @@
 			<span class="text-muted"> • {{ comment_when(creation) }}</span>
 		</div>
 		<span>
-			<a class="action-btn" href="/app/call-log/{{ name }}" title="{{ __("Open Call Log") }}">
+			<a class="action-btn" href="/app/call-log/{{ frappe.utils.escape_html(name) }}" title="{{ __("Open Call Log") }}">
 				<svg class="icon icon-sm">
 					<use href="#icon-link" class="like-icon"></use>
 				</svg>
@@ -34,7 +34,7 @@
 		<div class="margin-top">
 				<audio
 					controls
-					src="{{ recording_url }}">
+					src="{{ frappe.utils.escape_html(recording_url) }}">
 				</audio>
 		</div>
 		{% } %}
diff --git a/erpnext/public/js/templates/crm_activities.html b/erpnext/public/js/templates/crm_activities.html
index 30b8d0444bc..683f3011409 100644
--- a/erpnext/public/js/templates/crm_activities.html
+++ b/erpnext/public/js/templates/crm_activities.html
@@ -30,13 +30,13 @@
 										<use href="#icon-message-circle"></use>
 									</svg>
 								</span>
-								<a href="/app/todo/{{ tasks[i].name }}" title="{{ __('Open Task') }}">
+								<a href="/app/todo/{{ frappe.utils.escape_html(tasks[i].name) }}" title="{{ __('Open Task') }}">
 									{%= tasks[i].description %}
 								</a>
 							</div>
 							<div class="checkbox">
 								<input type="checkbox" class="completion-checkbox"
-									name="{{tasks[i].name}}" title="{{ __('Mark As Closed') }}">
+									name="{{ frappe.utils.escape_html(tasks[i].name) }}" title="{{ __('Mark As Closed') }}">
 							</div>
 						</div>
 						{% if(tasks[i].date) { %}
@@ -89,7 +89,7 @@
 				{% } %}
 				<div class="pl-2 mb-2 mt-2">
 					<div class="label-area font-md">
-						<a href="/app/todo/{{ t.name }}" title="{{ __('Open Task') }}">
+						<a href="/app/todo/{{ frappe.utils.escape_html(t.name) }}" title="{{ __('Open Task') }}">
 							{%= t.description %}
 						</a>
 					</div>
@@ -114,13 +114,13 @@
                                         <use href="#icon-{{ icon_set[events[i].event_category] || 'calendar' }}"></use>
                                     </svg>
                                 </span>
-                                <a href="/app/event/{{ events[i].name }}" title="{{ __('Open Event') }}">
+                                <a href="/app/event/{{ frappe.utils.escape_html(events[i].name) }}" title="{{ __('Open Event') }}">
                                     {%= events[i].subject %}
                                 </a>
                             </div>
                             <div class="checkbox">
                                 <input type="checkbox" class="completion-checkbox"
-                                    name="{{ events[i].name }}" title="{{ __('Mark As Closed') }}">
+                                    name="{{ frappe.utils.escape_html(events[i].name) }}" title="{{ __('Mark As Closed') }}">
                             </div>
                         </div>
                         <div class="text-muted ml-1">
@@ -161,7 +161,7 @@
 								<use href="#icon-{{ icon_set[event.event_category] || 'calendar' }}"></use>
 							</svg>
 						</span>
-						<a href="/app/event/{{ event.name }}" title="{{ __('Open Event') }}">
+						<a href="/app/event/{{ frappe.utils.escape_html(event.name) }}" title="{{ __('Open Event') }}">
 							{%= event.subject %}
 						</a>
 					</div>
diff --git a/erpnext/public/js/templates/shop_floor_template.html b/erpnext/public/js/templates/shop_floor_template.html
index 09aa2bd6761..0adc8432629 100644
--- a/erpnext/public/js/templates/shop_floor_template.html
+++ b/erpnext/public/js/templates/shop_floor_template.html
@@ -704,7 +704,7 @@
 							<div class="mes-job mes-job--next-up" data-sf-focusable data-kind="job">
 								<div class="mes-job-image">
 									{% if (slot.item_image) { %}
-										<img src="{{ slot.item_image }}" alt="">
+										<img src="{{ frappe.utils.escape_html(slot.item_image) }}" alt="">
 									{% } else { %}
 										<span class="mes-job-image-fallback">{{ frappe.get_abbr(slot.finished_good || slot.production_item, 2) }}</span>
 									{% } %}
@@ -715,7 +715,7 @@
 										{% if (slot.is_subcontracted) { %}
 											<span class="indicator-pill no-indicator-dot purple">{{ __("Subcontract") }}</span>
 										{% } %}
-										<a class="mes-job-id" href="/app/job-card/{{ slot.name }}">{{ slot.name }}</a>
+										<a class="mes-job-id" href="/app/job-card/{{ frappe.utils.escape_html(slot.name) }}">{{ slot.name }}</a>
 									</div>
 									<div class="mes-job-sub">
 										{{ slot.operation }} · {{ format_number(slot.for_quantity, null, 0) }} {{ slot.fg_uom || '' }}
@@ -724,11 +724,11 @@
 								</div>
 								<div class="mes-job-next-action">
 									{% if (slot._materials_ready) { %}
-										<button class="btn btn-primary mes-btn-start" data-job-card="{{ slot.name }}">
+										<button class="btn btn-primary mes-btn-start" data-job-card="{{ frappe.utils.escape_html(slot.name) }}">
 											{{ __("Start Job") }} &rarr;
 										</button>
 									{% } else { %}
-										<button class="btn btn-default mes-btn-transfer" data-job-card="{{ slot.name }}">
+										<button class="btn btn-default mes-btn-transfer" data-job-card="{{ frappe.utils.escape_html(slot.name) }}">
 											{{ __("Transfer Materials") }}
 										</button>
 									{% } %}
@@ -740,7 +740,7 @@
 									<div class="mes-job-body">
 										<div class="mes-job-image">
 											{% if (slot.item_image) { %}
-												<img src="{{ slot.item_image }}" alt="">
+												<img src="{{ frappe.utils.escape_html(slot.item_image) }}" alt="">
 											{% } else { %}
 												<span class="mes-job-image-fallback">{{ frappe.get_abbr(slot.finished_good || slot.production_item, 2) }}</span>
 											{% } %}
@@ -748,7 +748,7 @@
 										<div class="mes-job-info">
 											<div class="mes-job-title">{{ slot.finished_good || slot.production_item }}</div>
 											<div class="mes-job-meta">
-												<a class="mes-job-id" href="/app/job-card/{{ slot.name }}">{{ slot.name }}</a>
+												<a class="mes-job-id" href="/app/job-card/{{ frappe.utils.escape_html(slot.name) }}">{{ slot.name }}</a>
 												<span class="indicator-pill no-indicator-dot {{ slot.status_colour }}">{{ __(slot.status) }}</span>
 												{% if (slot.is_subcontracted) { %}
 													<span class="indicator-pill no-indicator-dot purple">{{ __("Subcontract") }}</span>
@@ -758,31 +758,31 @@
 												{% } else if (slot.qc && slot.qc.status === 'Rejected') { %}
 													<span class="indicator-pill no-indicator-dot red">{{ __("QC Rejected") }}</span>
 												{% } else if (slot.qc && slot.qc.required) { %}
-													<span class="indicator-pill no-indicator-dot orange mes-qc-pill" data-job-card="{{ slot.name }}" style="cursor: pointer;" title="{{ __("Run quality check") }}">{{ __("QC Required") }}</span>
+													<span class="indicator-pill no-indicator-dot orange mes-qc-pill" data-job-card="{{ frappe.utils.escape_html(slot.name) }}" style="cursor: pointer;" title="{{ __("Run quality check") }}">{{ __("QC Required") }}</span>
 												{% } else if (slot.qc && slot.qc.has_checklist) { %}
-													<span class="indicator-pill no-indicator-dot blue mes-qc-pill" data-job-card="{{ slot.name }}" style="cursor: pointer;" title="{{ __("Run quality check") }}">{{ __("QC Available") }}</span>
+													<span class="indicator-pill no-indicator-dot blue mes-qc-pill" data-job-card="{{ frappe.utils.escape_html(slot.name) }}" style="cursor: pointer;" title="{{ __("Run quality check") }}">{{ __("QC Available") }}</span>
 												{% } %}
 											</div>
 											<div class="mes-job-sub">
 												{{ slot.operation }} · {{ format_number(slot.total_completed_qty, null, 0) }}/{{ format_number(slot.for_quantity, null, 0) }} {{ slot.fg_uom || '' }}
-												{% if (slot.work_order) { %} · <a href="/app/work-order/{{ slot.work_order }}">{{ slot.work_order }}</a>{% } %}
+												{% if (slot.work_order) { %} · <a href="/app/work-order/{{ frappe.utils.escape_html(slot.work_order) }}">{{ slot.work_order }}</a>{% } %}
 											</div>
 										</div>
 									</div>
 									<div class="mes-job-controls">
-										<div class="mes-job-timer" data-job-card="{{ slot.name }}">
+										<div class="mes-job-timer" data-job-card="{{ frappe.utils.escape_html(slot.name) }}">
 											<span class="h">00</span><span class="colon">:</span><span class="m">00</span><span class="colon">:</span><span class="s">00</span>
 										</div>
 										<div class="mes-job-actions">
 											{% if (slot.is_paused) { %}
-												<button class="btn btn-primary btn-block mes-btn-resume" data-job-card="{{ slot.name }}">
+												<button class="btn btn-primary btn-block mes-btn-resume" data-job-card="{{ frappe.utils.escape_html(slot.name) }}">
 													{{ __("Resume Job") }}
 												</button>
 											{% } else { %}
-												<button class="btn btn-default mes-btn-pause" data-job-card="{{ slot.name }}">
+												<button class="btn btn-default mes-btn-pause" data-job-card="{{ frappe.utils.escape_html(slot.name) }}">
 													{{ __("Pause") }}
 												</button>
-												<button class="btn btn-primary mes-btn-end-session" data-job-card="{{ slot.name }}" data-qty="{{ slot.for_quantity }}">
+												<button class="btn btn-primary mes-btn-end-session" data-job-card="{{ frappe.utils.escape_html(slot.name) }}" data-qty="{{ slot.for_quantity }}">
 													{{ __("End Session") }}
 												</button>
 											{% } %}
@@ -800,7 +800,7 @@
 						{% var ready_n = slot.materials.filter((x) => x.status === 'ready').length; %}
 						{% var avail_n = slot.materials.filter((x) => x.status === 'available').length; %}
 						{% var short_n = slot.materials.filter((x) => x.status === 'short').length; %}
-						<div class="mes-materials-inline{{ short_n > 0 || avail_n > 0 ? ' is-open' : '' }}" data-job-card="{{ slot.name }}">
+						<div class="mes-materials-inline{{ short_n > 0 || avail_n > 0 ? ' is-open' : '' }}" data-job-card="{{ frappe.utils.escape_html(slot.name) }}">
 							<div class="mes-materials-summary">
 								<span class="mes-materials-summary-row">
 									<span class="mes-materials-summary-left">
@@ -814,7 +814,7 @@
 										</span>
 									</span>
 									{% if (slot.make_material_request && !slot._is_next_up) { %}
-										<button class="btn btn-default btn-sm mes-btn-transfer mes-materials-summary-btn" data-job-card="{{ slot.name }}" onclick="event.stopPropagation()">
+										<button class="btn btn-default btn-sm mes-btn-transfer mes-materials-summary-btn" data-job-card="{{ frappe.utils.escape_html(slot.name) }}" onclick="event.stopPropagation()">
 											{{ __("Transfer Materials") }}
 										</button>
 									{% } %}
@@ -843,7 +843,7 @@
 					{% } %}
 
 					{% if (slot && slot.instructions) { %}
-						<div class="mes-instructions-inline" data-job-card="{{ slot.name }}">
+						<div class="mes-instructions-inline" data-job-card="{{ frappe.utils.escape_html(slot.name) }}">
 							<div class="mes-instructions-summary">
 								<span class="mes-instructions-toggle">{{ frappe.utils.icon("es-line-down", "sm") }}</span>
 								<span>{{ __("Work Instructions") }}</span>
@@ -889,19 +889,19 @@
 				</div>
 				<div class="mes-row-item">
 					<div class="mes-row-image">
-						{% if (jc.item_image) { %}<img src="{{ jc.item_image }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
+						{% if (jc.item_image) { %}<img src="{{ frappe.utils.escape_html(jc.item_image) }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
 					</div>
-					<div class="mes-row-title" title="{{ jc.finished_good || jc.production_item }}">{{ jc.finished_good || jc.production_item }}</div>
+					<div class="mes-row-title" title="{{ frappe.utils.escape_html(jc.finished_good || jc.production_item) }}">{{ jc.finished_good || jc.production_item }}</div>
 				</div>
 				<div class="mes-row-operation">{{ jc.operation }}</div>
-				<div class="mes-row-id"><a href="/app/job-card/{{ jc.name }}">{{ jc.name }}</a></div>
+				<div class="mes-row-id"><a href="/app/job-card/{{ frappe.utils.escape_html(jc.name) }}">{{ jc.name }}</a></div>
 				<div class="mes-row-qty">
 					{{ format_number(jc.total_completed_qty, null, 0) }} / {{ format_number(jc.for_quantity, null, 0) }}
 					<span class="mes-row-qty-uom">{{ jc.fg_uom || '' }}</span>
 				</div>
 				<div class="mes-row-info"></div>
 				<div class="mes-row-action">
-					<button class="btn btn-default btn-sm mes-btn-submit" data-job-card="{{ jc.name }}">
+					<button class="btn btn-default btn-sm mes-btn-submit" data-job-card="{{ frappe.utils.escape_html(jc.name) }}">
 						{{ __("Submit") }}
 					</button>
 				</div>
@@ -930,19 +930,19 @@
 				</div>
 				<div class="mes-row-item">
 					<div class="mes-row-image">
-						{% if (jc.item_image) { %}<img src="{{ jc.item_image }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
+						{% if (jc.item_image) { %}<img src="{{ frappe.utils.escape_html(jc.item_image) }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
 					</div>
-					<div class="mes-row-title" title="{{ jc.finished_good || jc.production_item }}">{{ jc.finished_good || jc.production_item }}</div>
+					<div class="mes-row-title" title="{{ frappe.utils.escape_html(jc.finished_good || jc.production_item) }}">{{ jc.finished_good || jc.production_item }}</div>
 				</div>
 				<div class="mes-row-operation">{{ jc.operation }}</div>
-				<div class="mes-row-id"><a href="/app/job-card/{{ jc.name }}">{{ jc.name }}</a></div>
+				<div class="mes-row-id"><a href="/app/job-card/{{ frappe.utils.escape_html(jc.name) }}">{{ jc.name }}</a></div>
 				<div class="mes-row-qty">
 					{{ format_number(jc.total_completed_qty, null, 0) }} / {{ format_number(jc.for_quantity, null, 0) }}
 					<span class="mes-row-qty-uom">{{ jc.fg_uom || '' }}</span>
 				</div>
 				<div class="mes-row-info"></div>
 				<div class="mes-row-action">
-					<button class="btn btn-default btn-sm mes-btn-make-entry" data-job-card="{{ jc.name }}">
+					<button class="btn btn-default btn-sm mes-btn-make-entry" data-job-card="{{ frappe.utils.escape_html(jc.name) }}">
 						{{ __("Make Stock Entry") }}
 					</button>
 				</div>
@@ -972,12 +972,12 @@
 				</div>
 				<div class="mes-row-item">
 					<div class="mes-row-image">
-						{% if (jc.item_image) { %}<img src="{{ jc.item_image }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
+						{% if (jc.item_image) { %}<img src="{{ frappe.utils.escape_html(jc.item_image) }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
 					</div>
-					<div class="mes-row-title" title="{{ jc.finished_good || jc.production_item }}">{{ jc.finished_good || jc.production_item }}</div>
+					<div class="mes-row-title" title="{{ frappe.utils.escape_html(jc.finished_good || jc.production_item) }}">{{ jc.finished_good || jc.production_item }}</div>
 				</div>
 				<div class="mes-row-operation">{{ jc.operation }}</div>
-				<div class="mes-row-id"><a href="/app/job-card/{{ jc.name }}">{{ jc.name }}</a></div>
+				<div class="mes-row-id"><a href="/app/job-card/{{ frappe.utils.escape_html(jc.name) }}">{{ jc.name }}</a></div>
 				<div class="mes-row-qty">
 					{{ format_number(jc.for_quantity, null, 0) }}
 					<span class="mes-row-qty-uom">{{ jc.fg_uom || '' }}</span>
@@ -987,11 +987,11 @@
 				</div>
 				<div class="mes-row-action">
 					{% if (jc._materials_ready) { %}
-						<button class="btn btn-default btn-sm mes-btn-start" data-job-card="{{ jc.name }}">
+						<button class="btn btn-default btn-sm mes-btn-start" data-job-card="{{ frappe.utils.escape_html(jc.name) }}">
 							{{ __("Start") }}
 						</button>
 					{% } else { %}
-						<button class="btn btn-default btn-sm mes-btn-transfer" data-job-card="{{ jc.name }}">
+						<button class="btn btn-default btn-sm mes-btn-transfer" data-job-card="{{ frappe.utils.escape_html(jc.name) }}">
 							{{ __("Transfer") }}
 						</button>
 					{% } %}
@@ -1022,12 +1022,12 @@
 				</div>
 				<div class="mes-row-item">
 					<div class="mes-row-image">
-						{% if (jc.item_image) { %}<img src="{{ jc.item_image }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
+						{% if (jc.item_image) { %}<img src="{{ frappe.utils.escape_html(jc.item_image) }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(jc.finished_good || jc.production_item, 2) }}</span>{% } %}
 					</div>
-					<div class="mes-row-title" title="{{ jc.finished_good || jc.production_item }}">{{ jc.finished_good || jc.production_item }}</div>
+					<div class="mes-row-title" title="{{ frappe.utils.escape_html(jc.finished_good || jc.production_item) }}">{{ jc.finished_good || jc.production_item }}</div>
 				</div>
 				<div class="mes-row-operation">{{ jc.operation }}</div>
-				<div class="mes-row-id"><a href="/app/job-card/{{ jc.name }}">{{ jc.name }}</a></div>
+				<div class="mes-row-id"><a href="/app/job-card/{{ frappe.utils.escape_html(jc.name) }}">{{ jc.name }}</a></div>
 				<div class="mes-row-qty">
 					{{ format_number(jc.total_completed_qty, null, 0) }} / {{ format_number(jc.for_quantity, null, 0) }}
 					<span class="mes-row-qty-uom">{{ jc.fg_uom || '' }}</span>
@@ -1060,12 +1060,12 @@
 				</div>
 				<div class="mes-row-item">
 					<div class="mes-row-image">
-						{% if (s.item_image) { %}<img src="{{ s.item_image }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(s.finished_good || s.production_item, 2) }}</span>{% } %}
+						{% if (s.item_image) { %}<img src="{{ frappe.utils.escape_html(s.item_image) }}" alt="">{% } else { %}<span class="mes-row-image-fallback">{{ frappe.get_abbr(s.finished_good || s.production_item, 2) }}</span>{% } %}
 					</div>
-					<div class="mes-row-title" title="{{ s.finished_good || s.production_item }}">{{ s.finished_good || s.production_item }}</div>
+					<div class="mes-row-title" title="{{ frappe.utils.escape_html(s.finished_good || s.production_item) }}">{{ s.finished_good || s.production_item }}</div>
 				</div>
 				<div class="mes-row-operation">{{ s.operation }}</div>
-				<div class="mes-row-id"><a href="/app/job-card/{{ s.name }}">{{ s.name }}</a></div>
+				<div class="mes-row-id"><a href="/app/job-card/{{ frappe.utils.escape_html(s.name) }}">{{ s.name }}</a></div>
 				<div class="mes-row-qty">
 					{{ format_number(s.total_completed_qty, null, 0) }} / {{ format_number(s.for_quantity, null, 0) }}
 					{% if (cint(s.process_loss_qty) > 0) { %}<div class="mes-row-qty-sub">{{ __("Loss") }}: {{ format_number(s.process_loss_qty, null, 0) }}</div>{% } %}

From cfb664804cc0865757c3d4925bc2912079287073 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:45 +0530
Subject: [PATCH 16/17] refactor: build document links with get_form_link in
 report formatters

---
 .../production_plan_summary/production_plan_summary.js     | 5 ++++-
 .../serial_no_and_batch_traceability.js                    | 7 +++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/erpnext/manufacturing/report/production_plan_summary/production_plan_summary.js b/erpnext/manufacturing/report/production_plan_summary/production_plan_summary.js
index 0e89a25c228..8536ccd1993 100644
--- a/erpnext/manufacturing/report/production_plan_summary/production_plan_summary.js
+++ b/erpnext/manufacturing/report/production_plan_summary/production_plan_summary.js
@@ -23,7 +23,10 @@ frappe.query_reports["Production Plan Summary"] = {
 
 		if (column.fieldname == "item_code") {
 			var color = data.pending_qty > 0 ? "red" : "green";
-			value = `<a style='color:${color}' href="/app/item/${data["item_code"]}" data-doctype="Item">${data["item_code"]}</a>`;
+			value = `<a style='color:${color}' href="${frappe.utils.get_form_link(
+				"Item",
+				data["item_code"]
+			)}" data-doctype="Item">${frappe.utils.escape_html(data["item_code"])}</a>`;
 		}
 
 		return value;
diff --git a/erpnext/stock/report/serial_no_and_batch_traceability/serial_no_and_batch_traceability.js b/erpnext/stock/report/serial_no_and_batch_traceability/serial_no_and_batch_traceability.js
index 59cb2eb6545..d17b38d7f8f 100644
--- a/erpnext/stock/report/serial_no_and_batch_traceability/serial_no_and_batch_traceability.js
+++ b/erpnext/stock/report/serial_no_and_batch_traceability/serial_no_and_batch_traceability.js
@@ -68,7 +68,7 @@ frappe.query_reports["Serial No and Batch Traceability"] = {
 function getTraceabilityLink({ type, value, original_value, item_code, data, filter_values }) {
 	if (!value) return value;
 
-	const base_url = type === "batch_no" ? "/app/batch/" : "/app/serial-no/";
+	const link_doctype = type === "batch_no" ? "Batch" : "Serial No";
 	const filter_list = filter_values[type]; // either batches or serial_nos
 
 	let css_class = "ellipsis";
@@ -84,7 +84,10 @@ function getTraceabilityLink({ type, value, original_value, item_code, data, fil
 		css_class = data.direction === "Backward" ? "ellipsis text-success" : "ellipsis text-danger";
 	}
 
-	return `<a class="${css_class}" href="${base_url}${original_value}">${original_value}</a>`;
+	return `<a class="${css_class}" href="${frappe.utils.get_form_link(
+		link_doctype,
+		original_value
+	)}">${frappe.utils.escape_html(original_value)}</a>`;
 }
 
 function custom_formatter(value, row, column, data, default_formatter) {

From 93d6ccd04182d9c76a3e73e4c6a29c7e452823e0 Mon Sep 17 00:00:00 2001
From: diptanilsaha <diptanil@frappe.io>
Date: Tue, 18 Aug 2026 22:49:47 +0530
Subject: [PATCH 17/17] refactor: build document links with get_form_link in
 form scripts

---
 erpnext/manufacturing/doctype/bom/bom.js   | 4 +++-
 erpnext/stock/doctype/item/item.js         | 5 ++++-
 erpnext/stock/doctype/shipment/shipment.js | 5 ++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/erpnext/manufacturing/doctype/bom/bom.js b/erpnext/manufacturing/doctype/bom/bom.js
index 7a002da2fac..17e9e2caeec 100644
--- a/erpnext/manufacturing/doctype/bom/bom.js
+++ b/erpnext/manufacturing/doctype/bom/bom.js
@@ -309,7 +309,9 @@ frappe.ui.form.on("BOM", {
 			frm.set_intro(
 				__("This is a Template BOM and will be used to make the work order for {0} of the item {1}", [
 					`<a class="variants-intro">variants</a>`,
-					`<a href="/app/item/${frm.doc.item}">${frm.doc.item}</a>`,
+					`<a href="${frappe.utils.get_form_link("Item", frm.doc.item)}">${frappe.utils.escape_html(
+						frm.doc.item
+					)}</a>`,
 				]),
 				true
 			);
diff --git a/erpnext/stock/doctype/item/item.js b/erpnext/stock/doctype/item/item.js
index 6d96cb92d59..94e70b8e818 100644
--- a/erpnext/stock/doctype/item/item.js
+++ b/erpnext/stock/doctype/item/item.js
@@ -290,7 +290,10 @@ frappe.ui.form.on("Item", {
 		if (frm.doc.variant_of) {
 			frm.set_intro(
 				__("This Item is a Variant of {0} (Template).", [
-					`<a href="/app/item/${frm.doc.variant_of}" onclick="location.reload()">${frm.doc.variant_of}</a>`,
+					`<a href="${frappe.utils.get_form_link(
+						"Item",
+						frm.doc.variant_of
+					)}" onclick="location.reload()">${frappe.utils.escape_html(frm.doc.variant_of)}</a>`,
 				]),
 				true
 			);
diff --git a/erpnext/stock/doctype/shipment/shipment.js b/erpnext/stock/doctype/shipment/shipment.js
index 2672bdd1d73..95d701aa91e 100644
--- a/erpnext/stock/doctype/shipment/shipment.js
+++ b/erpnext/stock/doctype/shipment/shipment.js
@@ -174,7 +174,10 @@ frappe.ui.form.on("Shipment", {
 							__("Email or Phone/Mobile of the Contact are mandatory to continue.") +
 								"</br>" +
 								__("Please set Email/Phone for the contact") +
-								` <a href='/app/contact/${contact_name}'>${contact_name}</a>`
+								` <a href="${frappe.utils.get_form_link(
+									"Contact",
+									contact_name
+								)}">${frappe.utils.escape_html(contact_name)}</a>`
 						);
 					}
 					let contact_display = r.message.contact_display;