<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{meta.report_no}} - Audit Report</title>
<style>
  @page { size: A4; margin: 26mm 17.5mm 16mm 14mm; }
  {{#if part_cover}}{{#unless part_body}}@page { size: A4; margin: 0; }{{/unless}}{{/if}}
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body { font-family: Calibri, Carlito, "Segoe UI", Arial, sans-serif; font-size: 9pt; color: #000; line-height: 1.2; }
  p { margin: 0 0 2pt; }
  table { width: 100%; margin: 0 0 8pt 0; border-collapse: collapse; table-layout: fixed; }
  th, td { border: 0.5pt solid #999999; padding: 3pt 5pt; vertical-align: top; text-align: left; }
  .bar { background: #4C94D8; color: #fff; font-weight: bold; text-transform: uppercase; padding: 0 4pt; margin: 13pt 0 5pt 0; font-size: 10.5pt; page-break-after: avoid; }
  .bar.first { margin-top: 0; }
  .lbl { background: #4C94D8; color: #fff; font-weight: bold; width: 22%; }
  .lbl2 { background: #4C94D8; color: #fff; font-weight: bold; width: 16%; }
  th { background: #4C94D8; color: #fff; text-align: center; }
  .mid { vertical-align: middle; }
  .c { text-align: center; }
  .grp { font-weight: bold; font-size: 10pt; color: #331430; margin: 8pt 0 4pt; page-break-after: avoid; }
  td.ev { vertical-align: middle; }
  td.ev p { text-align: justify; }
  td.ev p.bl { padding-left: 11pt; text-indent: -11pt; text-align: left; }
  td.ev p.bl .bu { display: inline-block; width: 11pt; text-indent: 0; }
  thead { display: table-header-group; }
  /* photos uploaded by the auditor */
  .gal { display: flex; flex-wrap: wrap; gap: 8pt; margin-top: 6pt; }
  .gi { margin: 0; text-align: center; page-break-inside: avoid; }
  .gi img { height: 40mm; width: auto; max-width: 100%; object-fit: contain; border: 0.5pt solid #bbb; }
  .gi figcaption { font-size: 7.5pt; color: #333; margin-top: 1pt; }
  td.ev .gi img { height: 26mm; }
  tr.r-clause { height: 13mm; }
  tr.r-perf { height: 18mm; }
  tr.r-risk { height: 26mm; }
  tr.r-stat { height: 16mm; }
  .sig td { height: 7.6mm; }
  .concl td { height: 7.7mm; }
  .nar td { font-size: 8.5pt; text-align: justify; }
  .tail { page-break-inside: avoid; }
  .ital { font-style: italic; font-size: 8pt; margin: 0 0 5pt; }
  table.decl td { font-size: 8pt; height: 8mm; vertical-align: middle; }
  table.decl td.ck { width: 37.8pt; text-align: center; }
  .team td { height: 8mm; }
  .center { text-align: center; }
  .noborder, .noborder td { border: none; }
  tr, .keep { page-break-inside: avoid; }
  .cb { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; vertical-align: -1px; margin-right: 4px; }
  .cb.on { background: #0a2a5e; }
  .opt { display: inline-block; margin-right: 8px; white-space: nowrap; }
  .st { font-size: 8pt; vertical-align: middle; }
  .st .opt { display: inline-block; margin: 0 5px 0 0; }
  ul.docs { margin: 4px 0 0; padding-left: 16px; }
  .small { font-size: 8pt; }
  .pb { page-break-before: always; }
  .wm { position: fixed; top: 38%; left: 0; right: 0; text-align: center; font-size: 120pt; font-weight: bold;
        color: rgba(200, 0, 0, 0.07); transform: rotate(-30deg); z-index: 0; pointer-events: none; }

  /* ── cover ── */
  /* Space above and below the cover picture: change --cover-top / --cover-bottom (mm) to taste. */
  .cover { --cover-top: 12mm; --cover-bottom: 12mm; position: relative; width: 210mm; height: 297mm; overflow: hidden; page-break-after: always; background: #fff; }
  .cover img.bg { position: absolute; left: 0; right: 0; top: var(--cover-top); bottom: var(--cover-bottom); width: 100%; height: calc(297mm - var(--cover-top) - var(--cover-bottom)); object-fit: contain; }
  .cover .t { position: absolute; left: 14mm; right: 14mm; top: calc(var(--cover-top) + 72mm); text-align: center; color: #0a2a5e; }
  .cover .std2 { margin-top: 5mm; font-size: 24pt; font-weight: 800; color: #1a62b8; line-height: 1.1; }
  .cover .sub2 { font-size: 13pt; font-weight: 400; text-transform: uppercase; }
  .cover .co { font-size: 25pt; font-weight: 800; line-height: 1.15; text-transform: uppercase; }
  .cover .std { margin-top: 10mm; font-size: 34pt; font-weight: 800; color: #1a62b8; }
  .cover .sub { margin-top: 3mm; font-size: 20pt; font-weight: 400; text-transform: uppercase; }
  .cover .rn { margin-top: 6mm; font-size: 11pt; color: #0a2a5e; }

  .crest { height: 22mm; }
  /* ── first body page: laid out at the same positions as the Word form ── */
  .p1 { position: relative; height: 723pt; page-break-after: always; font-size: 10pt; line-height: 12.2pt; }
  .p1 .abs { position: absolute; left: 0; right: 0; }
  .p1 .t18 { font-size: 18pt; line-height: 22pt; font-weight: bold; text-align: center; }
  .p1 .rt { text-align: right; }
  .p1 .b { font-weight: bold; }
  .p1 .nb { left: 0; right: auto; }
  .p1 .j { text-align: justify; left: 0; right: 0; font-weight: bold; }
  .p1 table { margin: 0; width: 100%; }
  .title { text-align: center; font-weight: bold; font-size: 18pt; margin: 14mm 0 12mm; }
  .center-b { text-align: center; font-weight: bold; font-size: 13pt; margin: 3mm 0; }
  .docbox td { border: 1px solid #555; }
  .docbox .qrs { font-weight: bold; font-size: 13pt; color: #0a2a5e; }
  .sigline { margin-top: 22px; border-top: 1px solid #000; width: 60mm; padding-top: 2px; }
</style>
</head>
<body>
{{#*inline "rich"}}{{#each this}}<p class="{{#if bullet}}bl{{/if}}{{#if heading}} hd{{/if}}">{{#if bullet}}<span class="bu">&bull;</span>{{/if}}{{#each runs}}{{richRun this}}{{/each}}</p>{{/each}}{{/inline}}

{{#if show_watermark}}<div class="wm">DRAFT</div>{{/if}}

{{!-- ============ reusable pieces ============ --}}
{{#*inline "status"}}
  <td class="st">
    <span class="opt">{{cb C}}C</span><span class="opt">{{cb NC}}NC</span><span class="opt">{{cb OFI}}OFI</span><span class="opt">{{cb NA}}NA</span>
  </td>
{{/inline}}
{{#*inline "gallery"}}{{#if this.length}}<div class="gal">{{#each this}}{{#if src}}<figure class="gi"><img src="{{src}}" alt="">{{#if caption}}<figcaption>{{caption}}</figcaption>{{/if}}</figure>{{/if}}{{/each}}</div>{{/if}}{{/inline}}
{{#*inline "evidence"}}
  <td class="ev">
    {{#each evidence}}<p class="{{#if bullet}}bl{{/if}}">{{#if bullet}}<span class="bu">&bull;</span>{{/if}}{{#each runs}}{{richRun this}}{{/each}}</p>{{/each}}
  {{> gallery images}}
  </td>
{{/inline}}

{{!-- ============ COVER ============ --}}
{{#if part_cover}}
<section class="cover">
  {{#if assets.cover}}<img class="bg" src="{{assets.cover}}" alt="">{{/if}}
  <div class="t">
    <div class="co">{{cover.company}}</div>
    {{#if cover.multi}}
      {{#each cover.standards}}<div class="std2">{{main}}</div>{{#if sub}}<div class="sub2">{{sub}}</div>{{/if}}{{/each}}
    {{else}}
    <div class="std">{{cover.standard_main}}</div>
    {{#if cover.standard_sub}}<div class="sub">{{cover.standard_sub}}</div>{{/if}}
    {{/if}}
    <div class="rn">Report No. {{meta.report_no}} &nbsp;|&nbsp; {{meta.stage_label}}</div>
  </div>
</section>
{{/if}}

{{#if part_body}}
{{!-- ============ FIRST BODY PAGE ============ --}}
<div class="p1">
  <div class="abs t18" style="top:83.6pt">THIRD PARTY MANAGEMENT SYSTEM AUDIT REPORT</div>
  <div class="abs t18" style="top:155.6pt">OF</div>
  <div class="abs t18" style="top:211.8pt">{{cover.company}}</div>

  <div class="abs rt b" style="top:247.7pt">Accreditation Body:</div>
  <div class="abs rt" style="top:268.5pt">ASCB <span class="opt" style="margin:0 0 0 2pt">{{cb cover.accreditation_ascb}}</span></div>
  <div class="abs rt" style="top:294.1pt">Others{{#if cover.accreditation_other}} ({{cover.accreditation}}){{/if}} <span class="opt" style="margin:0 0 0 2pt">{{cb cover.accreditation_other}}</span></div>

  <div class="abs nb b" style="top:310pt">Reviewed &amp;</div>
  <div class="abs nb b" style="top:320.9pt">Approved by Scheme Dept:</div>

  <div class="abs j" style="top:395.4pt">{{confidentiality}}</div>

  <div class="abs" style="top:529.3pt;left:0;right:0"><div class="bar first" style="margin:0 0 5pt 0">Conclusion &amp; recommendation</div>
  <table class="concl">
    {{#each conclusion_options}}
    <tr><td style="width:38pt" class="center mid">{{cb on}}</td><td class="mid">{{text}}</td></tr>
    {{/each}}
  </table></div>
</div>

<table class="docbox" style="margin-top:8mm">
  <tr>
    <td style="width:62%"><div class="qrs">QUALITY REGISTRAR SYSTEM</div>{{meta.standard_name}}</td>
    <td class="small">Doc. No.: {{meta.form_no}}<br>Issue: {{meta.issue}} &nbsp; Rev: {{meta.rev}}<br>Date: {{meta.effective_date}}</td>
  </tr>
</table>
<div class="center-b" style="font-size:15pt;margin:6pt 0 4pt">{{meta.standard_name}} AUDIT REPORT</div>
<p class="center"><i>Stage 1 / Stage 2 / Surveillance / Recertification — Checklist and Report</i></p>
<p class="center">{{#each meta.audit_type_boxes}}<span class="opt">{{cb on}}{{text}}</span>{{/each}}</p>

{{!-- ============ 1. ORGANIZATION ============ --}}
<div class="bar">{{n.org}}. Organization details</div>
<table>
  <tr><td class="lbl">Name of Organization</td><td>{{org.name}}</td><td class="lbl2">Report No.</td><td style="width:18%">{{meta.report_no}}</td></tr>
  <tr><td class="lbl">Address</td><td>{{org.address}}</td><td class="lbl2">Certificate No.</td><td>{{org.cert_no}}</td></tr>
  <tr><td class="lbl">Site Address (if any)</td><td>{{org.site_address}}</td><td class="lbl2">NACE/EAC Code</td><td>{{org.ea_code}}</td></tr>
  <tr><td class="lbl">No. of Employees</td><td colspan="3">{{org.employees}}</td></tr>
  <tr><td class="lbl">E-mail ID</td><td colspan="3">{{org.emails}}</td></tr>
  <tr><td class="lbl">Contact Person</td><td colspan="3">{{org.contact_person}}</td></tr>
  <tr><td class="lbl">Telephone / Fax</td><td colspan="3">{{org.telephone}}</td></tr>
  <tr><td class="lbl">Multisite</td><td colspan="3"><span class="opt">{{cb org.multisite_yes}}Yes</span><span class="opt">{{cb org.multisite_no}}No</span></td></tr>
  <tr><td class="lbl">Scope of Audit</td><td colspan="3">{{org.scope}}</td></tr>
</table>

{{!-- ============ 2. TEAM ============ --}}
<div class="bar">{{n.team}}. Audit team &amp; logistics</div>
<table class="team">
  <tr><td class="lbl">Lead Auditor</td><td>{{org.lead_auditor}}</td></tr>
  <tr><td class="lbl">Auditor(s)</td><td>{{org.auditors}}</td></tr>
  <tr><td class="lbl">Technical Expert</td><td>{{org.technical_expert}}</td></tr>
  <tr><td class="lbl">Audit Man-day(s)</td><td>{{org.man_days}}</td></tr>
  <tr><td class="lbl">Audit Date</td><td>{{org.audit_date}}</td></tr>
</table>
<table>
  <tr><td class="lbl">Audit Objective / Purpose</td><td>{{#if sections_rich.objective.length}}{{> rich sections_rich.objective}}{{else}}{{#each sections.objective}}<p>{{this}}</p>{{/each}}{{/if}}</td></tr>
  <tr><td class="lbl">Audited Criteria</td><td>{{#if sections_rich.criteria.length}}{{> rich sections_rich.criteria}}{{else}}{{#each sections.criteria}}<p>{{this}}</p>{{/each}}{{/if}}</td></tr>
</table>

{{!-- ============ 3. CHANGE DETAIL ============ --}}
<div class="bar">{{n.change}}. Change detail</div>
<table>
  {{#each change_detail}}
  <tr>
    <td class="lbl">{{label}}</td>
    <td>
      {{#if yesno}}
        <span class="opt">{{cb yes}}Yes</span><span class="opt">{{cb no}}No</span>
      {{else}}
        <span class="opt">{{cb none}}None</span><span class="opt">{{cb yes}}Yes (specify): {{note}}</span>
      {{/if}}
    </td>
  </tr>
  {{/each}}
</table>

{{!-- ============ 4. CATEGORIES / 5. DISCLAIMER ============ --}}
<div class="bar">{{n.cats}}. Categories of findings</div>
<table>
  <tr><th style="width:12%">Category</th><th style="width:22%">Classification</th><th>Definition</th></tr>
  {{#each categories}}<tr><td>{{category}}</td><td><b>{{classification}}</b></td><td>{{definition}}</td></tr>{{/each}}
</table>
<div class="bar">{{n.disc}}. Disclaimer</div>
<table><tr><td>{{disclaimer}}</td></tr></table>

{{!-- ============ 6. BRIEF / 7. ATTENDANCE ============ --}}
<div class="bar">{{n.brief}}. Brief about the organization</div>
<table class="nar"><tr><td>{{#if sections_rich.org_brief.length}}{{> rich sections_rich.org_brief}}{{else}}{{#each sections.org_brief}}<p>{{this}}</p>{{/each}}{{/if}}&nbsp;{{> gallery images.org_brief}}</td></tr></table>

<div class="bar">{{n.attend}}. Attendance sheet</div>
<table class="sig">
  <tr><th>Name of Person</th><th style="width:30%">Designation</th><th style="width:26%">Signature</th></tr>
  {{#each attendance}}
  <tr><td>{{name}}</td><td>{{designation}}</td><td>{{#if signature_path}}<i class="small">signed</i>{{/if}}</td></tr>
  {{/each}}
</table>

{{!-- ============ 8. AUDIT BRIEF ============ --}}
<div class="bar">{{n.auditBrief}}. Audit brief and facts</div>
<table class="nar"><tr><td>{{#if sections_rich.audit_brief.length}}{{> rich sections_rich.audit_brief}}{{else}}{{#each sections.audit_brief}}<p>{{this}}</p>{{/each}}{{/if}}{{> gallery images.audit_brief}}</td></tr></table>

{{!-- ============ 9. CLAUSE FINDINGS ============ --}}
<div class="bar pb first">{{n.checklist}}. {{#if meta.is_stage1}}Document review &amp; readiness checklist{{else}}Audit findings by clause{{/if}}</div>
{{#each clause_groups}}
<div class="grp">{{heading}}</div>
<table>
  <thead><tr><th style="width:9.6%">Clause</th><th style="width:36%">Requirement</th><th style="width:18%">Status</th><th>Objective Evidence / Audit Comments</th></tr></thead>
  <tbody>
  {{#each rows}}
  <tr class="r-clause"><td class="c mid"><b>{{label}}</b></td><td class="mid">{{requirement}}</td>{{> status}}{{> evidence}}</tr>
  {{/each}}
  </tbody>
</table>
{{/each}}

{{#unless meta.is_stage1}}
{{!-- ============ 10. EFFECTIVENESS VERIFICATION ============ --}}
<div class="bar pb first">{{n.perf}}. Management system effectiveness — quality performance verification</div>
{{#each perf_groups}}
<table>
  <tr><th>Quality Management Element</th><th style="width:13%">Status</th><th style="width:55%">Objective Evidence Reviewed &amp; Audit Finding</th></tr>
  {{#each rows}}<tr class="r-perf"><td class="mid"><b>{{label}}</b></td>{{> status}}{{> evidence}}</tr>{{/each}}
</table>
{{/each}}

<div class="bar">{{n.risk}}. Risk management</div>
<table>
  <tr><th>Element</th><th style="width:13%">Status</th><th style="width:55%">Objective Evidence Reviewed &amp; Audit Finding</th></tr>
  {{#each risk_rows}}<tr class="r-risk"><td class="mid"><b>{{label}}</b></td>{{> status}}{{> evidence}}</tr>{{/each}}
</table>

<div class="bar">{{n.feedback}}. Customer feedback and complaints</div>
<table>
  <tr><th>Element</th><th style="width:13%">Status</th><th style="width:55%">Objective Evidence Reviewed &amp; Audit Finding</th></tr>
  {{#each feedback_rows}}<tr class="r-risk"><td class="mid"><b>{{label}}</b></td>{{> status}}{{> evidence}}</tr>{{/each}}
</table>

<div class="bar">{{n.statutory}}. Statutory / regulatory compliance</div>
<table>
  <tr><th>Requirement Type</th><th style="width:13%">Status</th><th style="width:55%">Objective Evidence Reviewed &amp; Audit Finding</th></tr>
  {{#each statutory_rows}}<tr class="r-stat"><td class="mid"><b>{{label}}</b></td>{{> status}}{{> evidence}}</tr>{{/each}}
</table>

<div class="bar">{{n.mark}}. Use of certification mark / logo</div>
<table>
  {{#each mark_use}}<tr><td style="width:26px" class="center">{{cb on}}</td><td>{{text}}{{#if @last}}{{#if @root.mark_use_nc_no}} <b>{{@root.mark_use_nc_no}}</b>{{/if}}{{/if}}</td></tr>{{/each}}
</table>

<div class="bar">{{n.effectiveness}}. Auditor's overall conclusion</div>
<table class="nar"><tr><td>{{#if sections_rich.effectiveness.length}}{{> rich sections_rich.effectiveness}}{{else}}{{#each sections.effectiveness}}<p>{{this}}</p>{{/each}}{{/if}}&nbsp;</td></tr></table>
{{/unless}}

{{!-- ============ SUMMARY OF AUDIT ============ --}}
<div class="bar">{{n.summary}}. Summary of audit</div>
{{#unless meta.is_stage1}}
<table>
  <tr><th>Non-conformities and Corrective Action in Previous Assessment (Stage 1, Stage 2, Surveillance &amp; Re-assessment)</th></tr>
  <tr><td>{{#if sections_rich.prev_nc.length}}{{> rich sections_rich.prev_nc}}{{else}}{{#each sections.prev_nc}}<p>{{this}}</p>{{/each}}{{/if}}</td></tr>
</table>
{{/unless}}
<table>
  <tr><th style="width:6%">No.</th><th style="width:22%">Clause</th><th style="width:14%">Type</th><th>Area / Description of Finding</th></tr>
  {{#each nc_rows}}
  <tr><td class="center">{{no}}</td><td>{{clause}}</td><td>{{type}}</td><td>{{#each statement}}<p>{{this}}</p>{{/each}}</td></tr>
  {{else}}
  <tr><td colspan="4" class="center"><i>No non-conformities or observations were recorded for this audit.</i></td></tr>
  {{/each}}
</table>
{{#if nc_rows.length}}
<table>
  <tr><th style="width:6%">#</th><th>Component (Clause)</th><th style="width:14%">No. of Major NC</th><th style="width:14%">No. of Minor NC</th><th style="width:16%">No. of Observations</th></tr>
  {{#each nc_counts}}<tr><td class="center">{{no}}</td><td>{{component}}</td><td class="center">{{major}}</td><td class="center">{{minor}}</td><td class="center">{{obs}}</td></tr>{{/each}}
  <tr><td></td><td><b>Total</b></td><td class="center"><b>{{nc_totals.major}}</b></td><td class="center"><b>{{nc_totals.minor}}</b></td><td class="center"><b>{{nc_totals.obs}}</b></td></tr>
</table>
{{/if}}

<div class="tail">
{{#unless meta.is_stage1}}
<table>
  <tr><th style="width:42%">Recommendation for Continual Improvement</th><th>Audit Team Comments</th></tr>
  <tr>
    <td><span class="opt">{{cb improvement.modification_required}}Modification/update required to Management System</span><br>
        <span class="opt">{{cb improvement.no_action}}No further action required at this time</span></td>
    <td>{{#if sections_rich.improvement_comments.length}}{{> rich sections_rich.improvement_comments}}{{else}}{{#each sections.improvement_comments}}<p>{{this}}</p>{{/each}}{{/if}}</td>
  </tr>
</table>
{{/unless}}

{{!-- ============ DECLARATION ============ --}}
<div class="bar">{{n.decl}}. Team leader declaration</div>
<p class="ital">Tick each statement as applicable.</p>
<table class="decl">
  {{#each declarations}}<tr><td class="ck">{{cb on}}</td><td>{{text}}</td></tr>{{/each}}
</table>
{{#unless meta.is_stage1}}
<p class="ital">The following documents were also reviewed during the audit.</p>
<table class="decl">
  {{#each attachments}}<tr><td class="ck">{{cb on}}</td><td>{{text}}</td></tr>{{/each}}
</table>
{{/unless}}

{{#if meta.is_stage1}}
<div class="bar">{{n.rec}}. Recommendation</div>
<table>
  {{#each recommendation_options}}<tr><td style="width:26px" class="center">{{cb on}}</td><td>{{text}}</td></tr>{{/each}}
</table>
<table><tr><td class="lbl">Proposed date for Stage 2 Audit</td><td>{{next_audit_date}}</td></tr></table>
{{else}}
<table style="margin-top:14pt"><tr><td class="lbl" style="width:57%">Proposed date for next audit (Surveillance / Recertification)</td><td>{{#if next_audit_date}}{{next_audit_date}}{{else}}__ __ / __ __ / __ __ __ __ &nbsp;(dd/mm/yyyy){{/if}}</td></tr></table>
{{/if}}

</div>
{{/if}}
</body>
</html>
