<!-- <div class="letter-head">-->
<!-- {{ letter_head }}-->
<!-- </div>-->
<!--<h1>Print Format</h1>-->
<!-- <div class="footer">-->
<!-- {{ footer }}-->
<!-- </div>-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Print Format Example</title>
<style>
</style>
</head>
<body>
<!-- Header -->
<div class="letter-head">
{{ letter_head }}
</div>
<!-- Content of First Page -->
<table class="Summary-table" style = "width:80%;">
<tr>
<td colspan="3" style=" white-space: nowrap;">
<strong>Braxtone Reference No:</strong>
<p>{{ doc.braxtone_reference_number }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Date:</strong>
<p>{{ doc.date}}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Vehicle:</strong>
<p>{{ doc.vehicle }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Company Name:</strong>
<p>{{ doc.insurance_company }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Owner:</strong>
<p>{{ doc.vehicle_owner }}</p></td>
</tr>
<tr>
<td colspan="3">
<strong>Chassis No:</strong>
<p>{{ frappe.db.get_value("Vehicle Details", doc.vehicle, "chassis_no") }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Mileage:</strong>
<p>{{ doc.mileage }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Specifications:</strong>
<p>{% if frappe.db.get_value("Vehicle Details", doc.vehicle, "gcc") %}GCC{% else %}Not GCC{% endif %}</p>
</td>
</tr>
<tr>
<td colspan="3">
Vehicle map:
<div style="text-align: center;">
<img src="{{ doc.map_vehicle }}" alt="Signature" style="width: 50%; height: 50%;">
</div>
</tr>
<tr>
<td colspan="3"><strong>Market Value: </strong>
<p>{{doc.market_value}}</p>
</td>
</tr>
</table>
<!-- Footer -->
<div class="footer">
{{ footer }}
</div>
<!-- Content to trigger page break for demonstration purposes -->
<div style="page-break-before: always;"></div>
<div class="letter-head">
{{ letter_head }}
</div>
<!-- Second Page Content -->
<div class="report-content">
<img src ="/files/basic.png" style = "width:45%; padding-left:6%; margin-bottom:2%" alt ="basic Title">
<table class="bd-table" style = "width:80%;">
<tr>
<td colspan="3">
<strong>Braxtone Reference No:</strong>
<p>{{ doc.braxtone_reference_number }}</p></td>
</tr>
<tr>
<td colspan="3">
<strong>Date:</strong>
<p>{{ doc.date}}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Vehicle:</strong>
<p>{{ doc.vehicle }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Insurance Company:</strong>
<p>{{ doc.insurance_company }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Client Claim Refrence:</strong>
<p>{{ doc.client_claim_reference }}</p>
</td>
</tr>
</table>
<img src ="/files/policy.png" style = "width:45%; padding-left:6%; margin-bottom:2%" alt ="basic Title">
<table class="pd-table" style = "width:80%;">
<tr>
<td colspan="3"><strong>Policy Number:</strong>
<p>{{ doc.policy_number}}</p>
</td>
</tr>
<tr>
<td colspan="3"><strong>Type of Insurance:</strong>
<p>{{ doc.type_of_insurance}}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong> Policy Issue Date:</strong>
<p>{{ doc.policy_issue_date}}</p>
</td>
</tr>
<tr>
<td colspan="3"><strong>Policy Expiry Date:</strong>
<p>{{ doc.policy_expiry_date }}</p></td>
</tr>
<tr>
<td colspan="3"><strong>Sum Insured:</strong>
<p>{{ doc.sum_insured }}</p>
</td>
</tr>
</table>
</div>
<div style="page-break-before: always;"></div>
<div class="letter-head">
{{ letter_head }}
</div>
<!-- third Page Content -->
<div class="report-content">
<img src ="/files/Vehicle.png" style = "width:45%; padding-left:6%; " alt ="basic Title">
<table class="vd-table" style = "width:80%;">
<tr>
<td colspan="3"><strong>Vehicle:</strong>
<p>{{ doc.vehicle }}</p></td>
</tr>
<tr>
<td colspan="3"><strong>Vehicle owner:</strong>
<p>{{ doc.vehicle_owner}}</p></td>
</tr>
<tr>
{% set vehicle_info = doc.vehicle %}
{% set Plate_No= vehicle_info.split(' ')[0] %}
<td colspan="3">
<strong>Vehicle Plate No:</strong>
<p>{{ Plate_No }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Chassis No:</strong>
<p>{{ frappe.db.get_value("Vehicle Details", doc.vehicle, "chassis_no") }}</p>
</td>
</tr>
<tr>
<td colspan="3">
<strong>Mileage:</strong>
<p>{{doc.mileage}}{% if frappe.db.get_value("Vehicle Details", doc.vehicle, "gcc") %}Km{% else %}m{% endif %}</p>
</td>
</tr>
<tr>
<td colspan="3"><strong>Specifications:</strong>
<p>{% if frappe.db.get_value("Vehicle Details", doc.vehicle, "gcc") %}GCC{% else %}Not GCC{% endif %}</p>
</td>
</tr>
</table>
<img src ="/files/Survey.png" style = "width:45%; padding-left:6%; margin-bottom:2%" alt ="basic Title">
<table class="sd-table" style = "width:80%;">
<tr>
<td colspan="3"><strong>Accident No:</strong>
<p>{{doc.accident_no}}</p></td>
</tr>
<tr>
<td colspan="3">
<strong>Accident Report Issued By:</strong>
<p>{{doc.accident_report_issued_by}}</p></td>
</tr>
<tr>
<td colspan="3">
<strong>Accident Location:</strong>
<p>{{doc.previous_accidents_inside_uae}}</p></td>
</tr>
<tr>
<td colspan="3"><strong>Previous Accidents Inside UAE:</strong>
<p>{{doc.previous_accidents_inside_uae}}</p></td>
</tr>
<tr>
<td colspan="3">
<strong>Previous Accidents Outside UAE:</strong>
<p>{{doc.previous_accidents_outside_uae}}</p></td>
</tr>
</table>
</div>
<div style="page-break-before: always;"></div>
<!-- 4th Page Content -->
<h1>4th Page</h1>
<p>This content is on the second page. Note that the header and footer should repeat on this page as well.</p>
</body>
</html>
the footer repeated on every page … put the header not repeated
how can i solve this