{%- macro add_header(page_num, max_pages, doc, letter_head, no_letterhead, footer, print_settings=None, print_heading_template=None) -%}
	{% if letter_head and not no_letterhead %}
		<div class="letter-head">{{ letter_head }}</div>
	{% endif %}
	{% if print_heading_template %}
		{{ frappe.render_template(print_heading_template, {"doc":doc}) }}
	{% else %}
	{% endif %}
	{%- if doc.meta.is_submittable and doc.docstatus==2-%}
	<div class="text-center" document-status="cancelled">
		<h4 style="margin: 0px;">{{ _("CANCELLED") }}</h4>
	</div>
	{%- endif -%}
{%- endmacro -%}
{% for page in layout %}
<div class="page-break">
	<div {% if print_settings.repeat_header_footer %} id="header-html" class="hidden-pdf" {% endif %}>
		{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}
	</div>
	<style>
		.taxes-section .order-taxes.mt-5{
			margin-top: 0px !important;
		}
		.taxes-section .order-taxes .border-btm.pb-5{
			padding-bottom: 0px !important;
		}
		.print-format label{
			color: #74808b;
			font-size: 12px;
			margin-bottom: 4px;
		}

	</style>

	{% if print_settings.repeat_header_footer %}
	<div id="footer-html" class="visible-pdf">
		{% if not no_letterhead and footer %}
		<div class="letter-head-footer">
			{{ footer }}
		</div>
		{% endif %}
		<p class="text-center small page-number visible-pdf">
			{{ _("Page {0} of {1}").format('<span class="page"></span>', '<span class="topage"></span>') }}
		</p>
	</div>
	{% endif %}

	<div class="row section-break" style="margin-bottom: 10px;">
		<div class="col-xs-6 p-0">
			<div class="col-xs-12 value text-uppercase"><b>{{ doc.customer }}</b></div>
			<div class="col-xs-12">
				{{ doc.address_display }}
			</div>
			<div class="col-xs-12">
				{{ _("Contact: ")+doc.contact_display if doc.contact_display else '' }}
			</div>
			<div class="col-xs-12">
				{{ _("Mobile: ")+doc.contact_mobile if doc.contact_mobile else '' }}
			</div>
		</div>
		<div class="col-xs-3"></div>
		<div class="col-xs-3" style="padding-left: 5px;">
			<div>
				<div><label>{{ _("Invoice ID") }}</label></div>
				<div>{{ doc.name }}</div>
			</div>
			<div style="margin-top: 20px;">
				<div><label>{{ _("Invoice Date") }}</label></div>
				<div>{{ frappe.utils.format_date(doc.posting_date) }}</div>
			</div>
			<div style="margin-top: 20px;">
				<div><label>{{ _("Due Date") }}</label></div>
				<div>{{ frappe.utils.format_date(doc.due_date) }}</div>
			</div>
		</div>
	</div>

	<div class="section-break">
		<table class="table table-bordered table-condensed mb-0" style="width: 100%; border-collapse: collapse; font-size: 12px;">
			<colgroup>
				<col style="width: 5%">
				<col style="width: 45%">
				<col style="width: 10%">
				<col style="width: 20%">
				<col style="width: 20%">
			</colgroup>
			<thead>
				<tr>
					<th class="text-uppercase" style="text-align:center">{{ _("Sr") }}</th>
					<th class="text-uppercase" style="text-align:center">{{ _("Details") }}</th>
					<th class="text-uppercase" style="text-align:center">{{ _("Qty") }}</th>
					<th class="text-uppercase" style="text-align:right">{{ _("Rate") }}</th>
					<th class="text-uppercase" style="text-align:right">{{ _("Amount") }}</th>
				</tr>
			</thead>
			{% for item in doc.items %}
			<tr>
				<td style="text-align:center">{{ loop.index }}</td>
				<td>
					<b>{{ item.item_code }}: {{ item.item_name }}</b>
					{% if (item.description != item.item_name) %}
						<br>{{ item.description }}
					{% endif %}
				</td>
				<td style="text-align: center;">
					{{ item.get_formatted("qty", 0) }}
					{{ item.get_formatted("uom", 0) }}
				</td>
				<td style="text-align: right;">{{ item.get_formatted("net_rate", doc) }}</td>
				<td style="text-align: right;">{{ item.get_formatted("net_amount", doc) }}</td>
			</tr>
			{% endfor %}
		</table>
		<!-- total -->
		<div class="row">

			<div class="col-xs-6">
				<div>
					<label>{{ _("Amount in Words") }}</label>
					{{ doc.in_words }}
				</div>
				<div style="margin-top: 20px;">
					<label>{{ _("Payment Status") }}</label>
					{{ doc.status }}
				</div>
			</div>
			<div class="col-xs-6">
				<div class="row section-break">
					<div class="col-xs-7"><div>{{ _("Sub Total") }}</div></div>
					<div class="col-xs-5" style="text-align: right;">{{ doc.get_formatted("net_total", doc) }}</div>
				</div>
				<div>
					{% for d in doc.taxes %}
						{% if d.tax_amount %}
							<div class="row">
								<div class="col-xs-8"><div>{{ _(d.description) }}</div></div>
								<div class="col-xs-4" style="text-align: right;">{{ d.get_formatted("tax_amount") }}</div>
							</div>
						{% endif %}
					{% endfor %}
				</div>
				<div class="row">
					<div class="col-xs-7"><div>{{ _("Total") }}</div></div>
					<div class="col-xs-5" style="text-align: right;">{{ doc.get_formatted("grand_total", doc) }}</div>
				</div>
			</div>

		</div>
	</div>


	<div class="row">
		<div class="col-xs-12">
			<div class="row important data-field">
				<div class="col-xs-12"><label>{{ _("Terms and Conditions") }}: </label></div>
				<div class="col-xs-12">{{ doc.terms if doc.terms else '' }}</div>
			</div>
		</div>
	</div>
</div>
{% endfor %}