<html lang='en'>
  <head>
    <meta charset='UTF-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
    <title>Initial Enquiry Form</title>
    <style
    >
      @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;500;600;700&display=swap');

      /* ===== General Document Styles ===== */
       {{!-- @page {
        size: A4;
        margin: 0mm 0mm 0mm 0mm;
      } --}}
      body {
        font-family: 'Source Sans Pro', Arial, sans-serif;
        font-size: 25px;
        color: #1a1919;
        padding: 15px;
        text-transform: uppercase;
        background-color: #ffffff;
        margin: 0;
        line-height: 1.5;
        font-weight: 400; /* Default to normal weight */
      }

      .document-container {
        max-width: 1200px;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 5px;
      }

      /* ===== Table and Border Styling ===== */
      .doc-table {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #000;
        margin-bottom: 8px;
        font-size: 10pt;
        font-weight: 400;
      }

      .doc-table th,
      .doc-table td {
        border: 1px solid #000;
        padding: 6px 8px;
        vertical-align: top;
        font-weight: 400;
      }

      /* ===== Header Row ===== */
      .header-title-row td {
        padding: 10px 8px;
        background-color: #f0f0f0;
        text-align: center;
        font-size: 14pt;
        font-weight: 600;
      }

      .section-header {
        background-color: #e3f2fd;
        font-weight: 500;
        padding: 4px 6px;
        white-space: nowrap;
        font-size: 11pt;
      }

      .section-header.smaller-w {
        width: 12%;
      }

      /* ===== Logos and Titles ===== */
      .logo-container {
        display: flex;
        align-items: center;
        gap: 50px;
        padding: 4px;
      }

      .logo {
        width: 100px;
        height: auto;
      }

      .quality-registrar-text {
        font-weight: 700;
        font-size: 20pt;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 0.05em;
        color: #0d0c0c;
      }

      /* ===== Header and Logo Styles ===== */
      .header-box {
        border-bottom: 1px solid #000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 5px;
        margin-bottom: 8px;
      }

      .header-left {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .system-title {
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #1a1919;
        line-height: 1.1;
      }

      .sub-header-title {
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 5px 0;
        margin-bottom: 10px;
      }

      .form-info {
        font-size: 10px;
        text-align: right;
        line-height: 1.2;
        font-weight: 400;
      }

      .form-info div {
        font-weight: 500;
      }

      .page-indicator {
        font-weight: normal !important;
      }

      /* ===== Form Content Styles ===== */
      .form-section {
        margin-bottom: 15px;
        font-weight: 400;
      }

      .form-label {
        font-size: 11px;
        font-weight: 500;
        margin-bottom: 4px;
        display: block;
      }

      .form-container {
        border: 1px solid #000;
        padding: 10px;
        font-weight: 400;
      }

      .form-table {
        width: 100%;
        border-collapse: collapse;
        font-weight: 400;
      }

      .form-table td {
        font-weight: 400;
      }

      .label {
        width: 30%;
        font-weight: 400;
      }

      .nowrap {
        width: 15%;
        white-space: nowrap;
      }

      .line-input {
        width: 100%;
        margin-left: 0;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px solid #000;
        padding: 2px 0;
        font-size: 10px;
        font-weight: 400;
      }

      .small-input {
        width: 60px;
      }

      .question-line {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
      }

      .line-label {
        white-space: nowrap;
        font-size: 10px;
        margin-right: 5px;
        font-weight: 400;
      }

      .sub-question {
        margin-left: 15px;
        margin-top: 5px;
      }

      /* ===== Checkbox / Radio Styling ===== */
      .checkbox-group {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 25px;
      }

      .checkbox-pair {
        display: flex;
        gap: 15px;
      }

      .input-label {
        display: flex;
        align-items: center;
        position: relative;
        cursor: pointer;
        font-size: 10px;
        font-weight: 400;
      }
.scope-line ul {
  list-style: none;      /* remove bullets */
  padding: 0;
  margin: 0;
}

.scope-line ul {
  list-style: none;   /* remove bullets */
  padding: 0;
  margin: 0;
}

.scope-line li {
  display: block;     /* ONE ITEM PER LINE */
  white-space: normal;
}

.scope-line li::before {
  {{! content: "➤ "; }}
  font-weight: bold;
}

      .input-label input[type='checkbox'],
      .input-label input[type='radio'] {
        opacity: 0;
        position: absolute;
        height: 0;
        width: 0;
      }

      .custom-check {
        height: 10px;
        width: 10px;
        border: 1px solid #000;
        margin-right: 4px;
        display: inline-block;
        position: relative;
        flex-shrink: 0;
      }

      .input-label input[type='checkbox']:checked ~ .custom-check::after {
        content: 'X';
        position: absolute;
        top: -2px;
        left: 0.5px;
        font-size: 9px;
        font-weight: bold;
        color: #000;
      }

      .input-label input[type='radio'] ~ .custom-check {
        border-radius: 50%;
      }

      .input-label input[type='radio']:checked ~ .custom-check::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #000;
      }

      /* ===== Multiline Text / Separators ===== */
      .multiline-input {
        border: 1px solid #000;
        height: 40px;
        width: 100%;
        padding: 4px;
        box-sizing: border-box;
        margin-top: 5px;
        font-size: 10px;
        background-color: #f9f9f9;
        font-weight: 400;
      }

      .applicant-declaration {
        font-style: italic;
        text-decoration: underline;
        text-align: center;
        font-size: 10px;
        margin: 10px 0;
        padding: 5px;
        font-weight: 400;
      }

      .page-break {
        height: 20px;
        border-top: 3px dashed #ccc;
        margin: 20px 0;
      }
    </style>

  </head>
  <body>

    <div class='document-container'>

      <table class='doc-table'>
        <!-- Row 1: Logo, Title, and Page Number -->
        <tr>
          <td style='border-right: none;' colspan='3'>
            <div class='logo-container'>
              <img
                src='http://localhost:3000/static/logo.png'
                class='logo'
                alt='logo'
              />
              <div>
                <div class='quality-registrar-text'>QUALITY REGISTRAR
                  <br />SYSTEMS</div>
              </div>
            </div>
          </td>
          <td
            style='border-left: 1px solid #000; text-align: right; vertical-align: middle;'
            class='w-20'
          >
            Page 1 of 2
          </td>

        </tr>
        <!-- Row 2: Audit Plan Title and Form Number -->
        <tr class='header-title-row'>
          <td colspan='3'>
            Initial Enquiry
          </td>
          <td
            style='text-align: right; font-size: 10px; font-weight: normal; background-color: white;'
          >Form 04-5</td>
        </tr>
      </table>
      {{! <div class='sub-header-title'>Initial Enquiry</div> }}

      <!-- ===================================== -->
      <!-- START OF PAGE 1 -->
      <!-- ===================================== -->
      <div class='form-section'>
        <div class='form-label'>1. Company:
          <input
            type='text'
            value='{{job.companySnapshot.companyName}}'
            class='line-input'
            style='width: 845px;'
          />

        </div>
        <div class='question-line'>
          <span class='line-label'>Country:</span>
          <input
            type='text'
            value='UAE'
            class='line-input'
            style='width: 250px;'
          />
          <span class='line-label' style='margin-left: 20px;'>Postal / Area
            Code:</span>
          <input type='text' value='NIL' class='line-input' />
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>2. Address (Head Office):</div>
        <div class='question-line'>
          <input
            type='text'
            value='{{job.companySnapshot.companyAddress}}'
            class='line-input'
          />
        </div>
        <div class='question-line' style='margin-top: 5px;'>
          <span class='line-label'>Number of Site:</span>
          <input
            type='text'
            value='01'
            class='line-input'
            style='width: 80px;'
          />
          <span class='line-label' style='margin-left: 20px;'></span>
          <input type='text' class='line-input' style='flex-grow: 3;' />
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>3. Contact (authorised representative)</div>
        <div class='question-line'>
          <span class='line-label'>Name:</span>
          <input
            type='text'
            value='{{job.companySnapshot.companycontact_person}}'
            class='line-input'
            style='width: 250px;'
          />
          <span class='line-label' style='margin-left: 20px;'>Position:</span>
          <input
            type='text'
            value='{{job.companySnapshot.companydesignation}}'
            class='line-input'
          />
        </div>
        <div class='question-line'>
          <span class='line-label'>Tel. No.:</span>
          <input
            type='text'
            value='{{job.companySnapshot.companytelephone}}'
            class='line-input'
            style='width: 250px;'
          />
          <span class='line-label' style='margin-left: 20px;'>Fax No.:</span>
          <input type='text' value='NIL' class='line-input' />
        </div>
        <div class='question-line'>
          <span class='line-label'>E-mail:</span>
          <input
            type='text'
            value='{{job.companySnapshot.companyemail}}'
            class='line-input'
            style='width: 250px;'
          />
          <span class='line-label' style='margin-left: 20px;'>Company website:</span>
          <input type='text' class='line-input' />
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>4. Certification to:</div>

        <div
          class='checkbox-group'
          style='grid-template-columns: repeat(4, minmax(0, 1fr));'
        >
          {{#if standards}}
            {{#each standards}}
              <label class='input-label'>
                <input type='checkbox' checked />
                <span class='custom-check'></span>
                {{name}}
              </label>
            {{/each}}
          {{else}}
            <label class='input-label'>
              <input type='checkbox' />
              <span class='custom-check'></span>
              N/A
            </label>
          {{/if}}
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>5. Accreditation Body</div>
        <div class='checkbox-group'>
          <label class='input-label'><input type='checkbox' checked /><span
              class='custom-check'
            ></span>ASCB</label>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>NON ACCREDITED</label>
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>6. Scope to be certified:</div>
        <div class='question-line scope-line'>
          {{{smartScope job.companySnapshot.companyScope 'auto'}}}
        </div>

      </div>

      <div class='form-section'>
        <div class='form-label'>7. Principal activities:</div>
        <div class='sub-question'>
          <span style='font-weight: bold;'>A</span>
          Exclusions for ISO 9001 application, and number of years that the QMS
          has been implemented?<br />
          <input type='text' value='NIL' class='line-input' />
        </div>
        <div class='sub-question' style='margin-top: 10px;'>
          <span style='font-weight: bold;'>B</span>
          The main market and end users of the product/service:<br />
          <input type='text' value='UAE' class='line-input' />
        </div>
        <div class='sub-question' style='margin-top: 10px;'>
          <span style='font-weight: bold;'>C</span>
          Types of processes / actual activities involved, (including any
          outsourced processes):<br />
          <div class='multiline-input'></div>
        </div>
        <div class='sub-question' style='margin-top: 10px;'>
          <span style='font-weight: bold;'>D</span>
          Types of materials used in processes / services<br />
          <div class='multiline-input'></div>
        </div>
      </div>

      <!-- FOOTER FOR PAGE 1 (and all others) -->
      <table class='doc-table' style='margin-top: 20px;'>
        <tr style='background-color: #f0f0f0;'>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Issue</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Revision</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Date</td>
        </tr>
        <tr>
          <td style='text-align: center;'>3</td>
          <td style='text-align: center;'>02</td>
          <td style='text-align: center;'>01-05-2024</td>
        </tr>
      </table>

      <!-- ===================================== -->
      <!-- START OF PAGE 2 -->
      <!-- ===================================== -->
      <div class='page-break'></div>
      <script>document.getElementById('current-page').textContent = '2';</script>

      <div class='form-section'>
        <div class='form-label'>8. Consultant, if used:</div>
        <div class='question-line'>
          <input type='text' value='NIL' class='line-input' />
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>9. Does the company have any conflict of
          interest with QRS or auditors?</div>
        <div class='checkbox-pair'>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Yes</label>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>No</label>
        </div>
        <div class='sub-question' style='margin-top: 10px;'>
          If yes, please indicate:
          <input type='text' class='line-input' />
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>10. Total number of employees:</div>
        <div class='question-line'>
          <input
            type='text'
            value='{{job.numEmployees}}'
            class='line-input'
            style='width: 50px;'
          />
        </div>
        <div class='sub-question'>
          <div class='question-line'>
            <span class='line-label'>a. Management / Office Admin.:</span>
            <input
              type='text'
              value='3'
              class='line-input'
              style='width: 50px;'
            />
            <span class='line-label' style='margin-left: 20px;'></span>
            <input type='text' class='line-input' style='flex-grow: 3;' />
          </div>
          <div class='question-line'>
            <span class='line-label'>b. Production/ Service Provision Process:</span>
            <input
              type='text'
              value='8'
              class='line-input'
              style='width: 50px;'
            />
            <span class='line-label' style='margin-left: 20px;'>Shifts (No):</span>
            <input
              type='text'
              value='1'
              class='line-input'
              style='width: 50px;'
            />
            <span class='line-label' style='margin-left: 20px;'>Total in all
              shifts:</span>
            <input
              type='text'
              value='11'
              class='line-input'
              style='width: 50px;'
            />
          </div>
          <div class='question-line'>
            <span class='line-label' style='margin-left: 10px;'>Part time
              employee:</span>
            <input
              type='text'
              value='NIL'
              class='line-input'
              style='width: 50px;'
            />
          </div>
          <div class='question-line'>
            <span class='line-label' style='margin-left: 10px;'>People
              conducting similar simple work or unskilled:</span>
            <input type='text' class='line-input' style='width: 100px;' />
          </div>
          <div class='question-line'>
            <span class='line-label'>c. “Off Location” worker (Sales, Driver or
              Service):</span>
            <input type='text' class='line-input' style='width: 100px;' />
          </div>
        </div>
        <div class='applicant-declaration'>
          The applicant declares that the relevant information in this Initial
          Enquiry form is correct.
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>
          11. For multi-site certification (Please use additional pages if more
          than 3 locations):
        </div>

        <div class='form-container'>
          <table class='form-table'>
            <tr>
              <td class='label'>Address of Company 1 / Site 1:</td>
              <td colspan='2'>
                <input type='text' class='line-input' />
              </td>
              <td class='nowrap'>
                No. of Employees:
                <input type='text' class='line-input small-input' />
              </td>
            </tr>
            <tr>
              <td class='label-class'>Scope to be certified:</td>
              <td colspan='3'>Description of products and/or services, and main
                activities</td>
            </tr>

            <tr>
              <td class='label'>Address of Company 2 / Site 2:</td>
              <td colspan='2'>
                <input type='text' class='line-input' />
              </td>
              <td class='nowrap'>
                No. of Employees:
                <input type='text' class='line-input small-input' />
              </td>
            </tr>
            <tr>
              <td class='label'>Scope:</td>
              <td colspan='3'>Description of products and/or services, and main
                activities</td>
            </tr>

            <tr>
              <td class='label'>Address of Company 3 / Site 3:</td>
              <td colspan='2'>
                <input type='text' class='line-input' />
              </td>
              <td class='nowrap'>
                No. of Employees:
                <input type='text' class='line-input small-input' />
              </td>
            </tr>
            <tr>
              <td class='label'>Scope:</td>
              <td colspan='3'>Description of products and/or services, and main
                activities</td>
            </tr>
          </table>
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>12. For EMS (ISO 14001) only:
          <span style='font-weight: normal; margin-left: 10px;'>Years of the
            system implemented:
            <input
              type='text'
              value='2023'
              class='line-input'
              style='width: 50px;'
            /></span></div>
        <div class='sub-question'>
          <span style='font-weight: bold;'>A</span>
          Surrounding environment near locations
          <div class='checkbox-group' style='margin-top: 5px;'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Ocean</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>River</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Forest</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Mountainous area</label>
          </div>
          <div class='checkbox-group' style='margin-top: 5px;'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Farmland</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Industry Area</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Residential district</label>
            <label class='input-label'><span
                class='custom-check'
              ></span>Other:<input
                type='text'
                class='line-input'
                style='width: 100px;'
              />
            </label>
          </div>
        </div>
        <div class='sub-question' style='margin-top: 10px;'>
          <span style='font-weight: bold;'>B</span>
          Process/activities of production/services and substances that result
          in significant EMS aspects:
          <div class='multiline-input'></div>
        </div>
        <div class='sub-question' style='margin-top: 10px;'>
          <span style='font-weight: bold;'>C</span>
          Facilities/ equipment's and materials that result in significant EMS
          aspects:
          <div class='multiline-input'></div>
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>13. For ISO 45001 only:
          <span style='font-weight: normal; margin-left: 10px;'>Years of the
            system implemented:
            <input
              type='text'
              value='2023'
              class='line-input'
              style='width: 50px;'
            /></span></div>
        <div class='sub-question'>
          <span style='font-weight: bold;'>A</span>
          Process/activities of production/services that bring OH&S hazards:
          <div class='multiline-input'></div>
        </div>
      </div>

      <!-- FOOTER FOR PAGE 2 -->
      <table class='doc-table' style='margin-top: 20px;'>
        <tr style='background-color: #f0f0f0;'>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Issue</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Revision</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Date</td>
        </tr>
        <tr>
          <td style='text-align: center;'>3</td>
          <td style='text-align: center;'>02</td>
          <td style='text-align: center;'>01-05-2024</td>
        </tr>
      </table>

      <!-- ===================================== -->
      <!-- START OF PAGE 3 -->
      <!-- ===================================== -->
      <div class='page-break'></div>
      <script>document.getElementById('current-page').textContent = '3';</script>

      <div class='form-section'>
        <div class='sub-question' style='margin-top: 10px; margin-left: 0;'>
          <span style='font-weight: bold;'>B</span>
          Hazardous substances used by the company:
          <div class='multiline-input'></div>
        </div>
        <div class='sub-question' style='margin-top: 10px; margin-left: 0;'>
          <span style='font-weight: bold;'>C</span>
          Facilities/ equipment that result in OH&S hazards:
          <div class='multiline-input'></div>
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>14. For ISO 22000 / GMP / HALAL / HACCP FOOD
          MANAGEMENT SYSTEM ONLY (If necessary, additional documents need to be
          attached.):</div>
        <div class='sub-question'>
          <div class='question-line'>
            <span class='line-label'>No. of Product Category:</span>
            <input type='text' class='line-input' style='width: 50px;' />
            <span class='line-label' style='margin-left: 20px;'>No. of CCP:</span>
            <input type='text' class='line-input' style='width: 50px;' />
            <span class='line-label' style='margin-left: 20px;'>No. of
              Operational PRPs:</span>
            <input type='text' class='line-input' style='width: 50px;' />
            <span class='line-label' style='margin-left: 20px;'>No of HACCP
              Plan:</span>
            <input type='text' class='line-input' style='width: 50px;' />
          </div>
        </div>

        <div class='sub-question' style='margin-top: 10px;'>
          <span style='font-weight: bold;'>Classification of Company Activity</span>
          <div
            class='checkbox-group'
            style='margin-top: 5px; grid-template-columns: repeat(4, minmax(0, 1fr));'
          >
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Primary Production</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Processing</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Catering</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Distribution/Service</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Transportation/Storage</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Equipment's</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Packing Materials</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Others (Describe at below)</label>
          </div>
        </div>

        <div class='sub-question' style='margin-top: 10px;'>
          <span style='font-weight: bold;'>Technical and Statutory Requirements
            (License):</span>
          <div class='question-line' style='justify-content: space-between;'>
            <span class='line-label'>Is there any timeframe especially concerned
              for a normal production, e.g. season, date and time?</span>
            <div class='checkbox-pair'>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>Yes</label>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>No</label>
            </div>
          </div>
          <div class='question-line' style='justify-content: space-between;'>
            <span class='line-label'>Are any particular activity and process
              outsourced? Yes (If Yes, describe at below)</span>
            <div class='checkbox-pair'>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>Yes</label>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>No</label>
            </div>
          </div>
          <div class='question-line' style='justify-content: space-between;'>
            <span class='line-label'>What is the condition of infrastructure
              such as building and production line?</span>
            <div class='checkbox-group' style='gap: 5px 15px;'>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>New and mature condition</label>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>Old and premature condition</label>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>Others:
                <input type='text' class='line-input' style='width: 100px;' />
              </label>
            </div>
          </div>
          <div class='question-line' style='justify-content: space-between;'>
            <span class='line-label'>Is the testing laboratory self-controlled?</span>
            <div class='checkbox-pair'>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>Yes</label>
              <label class='input-label'><input type='checkbox' /><span
                  class='custom-check'
                ></span>No</label>
            </div>
          </div>
        </div>
        <div class='applicant-declaration'>
          The applicant declares that the relevant information in this Initial
          Enquiry form is correct.
        </div>
      </div>

      <div class='form-section'>
        <div class='form-label'>15. For the transfer of certification from
          another Certification Body to QRS:</div>
        <div
          class='form-label'
          style='font-style: italic; font-weight: normal; margin-top: 5px;'
        >Please select the following appropriate reason for transfer:</div>
        <div
          class='checkbox-group'
          style='grid-template-columns: 1fr 1fr; gap: 10px 15px;'
        >
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Pricing is reasonable</label>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Improvement could not be seen by the audit with previous CB</label>

          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Response/action from QRS is quicker</label>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Agree with QRS's vision and mission</label>

          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Not satisfied with the audit methodology of previous CB</label>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>We hear that QRS's audit is better than others</label>

          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>There are some concerns on quality of auditors and items
            pointed out during the audit with the previous CB</label>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Expecting the audit from a different viewpoint</label>

          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>Not satisfied with how the previous CB is
            corresponding/responding to our complaints</label>
          <label class='input-label'><input type='checkbox' /><span
              class='custom-check'
            ></span>The previous CB stopped its own business</label>
        </div>
      </div>

      <!-- FOOTER FOR PAGE 3 -->
      <table class='doc-table' style='margin-top: 20px;'>
        <tr style='background-color: #f0f0f0;'>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Issue</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Revision</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Date</td>
        </tr>
        <tr>
          <td style='text-align: center;'>3</td>
          <td style='text-align: center;'>02</td>
          <td style='text-align: center;'>01-05-2024</td>
        </tr>
      </table>

      <!-- ===================================== -->
      <!-- START OF PAGE 4 -->
      <!-- ===================================== -->
      <div class='page-break'></div>
      <script>document.getElementById('current-page').textContent = '4';</script>

      <div class='form-section'>
        <div class='question-line' style='justify-content: space-between;'>
          <span class='line-label' style='font-weight: bold;'>Is your company's
            certification registration now under suspension by the previous CB?</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div class='question-line' style='justify-content: space-between;'>
          <span class='line-label' style='font-weight: bold;'>Is there any
            possibility of suspension?</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>

        <div
          class='question-line'
          style='justify-content: space-between; margin-top: 15px;'
        >
          <span class='line-label' style='font-weight: bold;'>Is your
            certification registration already withdrawn?</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div class='question-line' style='justify-content: space-between;'>
          <span class='line-label' style='font-weight: bold;'>The last audit was
            conducted on :
            <input type='text' class='line-input' style='width: 100px;' />
            Are the report/CAR available?</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div style='font-size: 10px; margin-top: 5px;'>
          *** Please provide the registration certificate and the relevant
          report and CAR as evidence.
        </div>
      </div>

      <div class='form-section' style='margin-top: 20px;'>
        <div class='form-label'>16. Can computer assisted auditing techniques be
          used during the audit?</div>
        <div
          style='display: flex; justify-content: space-between; align-items: center;'
        >
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div style='font-size: 10px; margin-top: 5px;'>
          For example: Teleconferencing, Web meetings, Interactive web based
          collaboration / communications, Remote electronic access to the
          management system documentation and/or management system processes.
        </div>
        <div style='font-size: 10px; font-weight: bold; margin-top: 10px;'>
          If yes please indicate
          <input type='text' class='line-input' style='width: 100%;' />
        </div>
      </div>

      <div class='form-section' style='margin-top: 20px;'>
        <div class='form-label'>17. If a combined audit is required, i.e.
          covering two or more management system standards, please indicate the
          extent to which the organisations management system is integrated?
          i.e.</div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>Management Reviews that consider the overall
            business strategy and plan.</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>An integrated approach to internal audits.</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>An integrated approach to policy and
            objectives.</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>An integrated approach to systems processes.</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>An integrated documentation set including
            work instructions, to a good level of development as appropriate.</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>An integrated approach to improvement
            mechanisms, (Corrective and Preventive Action; measurements and
            Continual Improvement).</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>An integrated approach to planning, with good
            use of business wide risk management approaches.</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
        <div
          class='question-line'
          style='justify-content: space-between; font-weight: bold;'
        >
          <span class='line-label'>Unified management support and
            responsibilities.</span>
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' checked /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>
      </div>

      <div class='form-section' style='margin-top: 20px;'>
        <div class='form-label'>18. Pre-evaluation visit required?</div>
        <div
          style='display: flex; justify-content: space-between; align-items: center;'
        >
          <div class='checkbox-pair'>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>Yes</label>
            <label class='input-label'><input type='checkbox' /><span
                class='custom-check'
              ></span>No</label>
          </div>
        </div>

        <div style='font-size: 10px; font-weight: bold; margin-top: 15px;'>
          Expected on-site audit date(s):
          <span style='font-weight: normal; margin-left: 20px;'>Stage1
            <input
              type='text'
              value='{{formatDate expectedInitial_Stage1_Date}}'
              class='line-input'
              style='width: 120px;'
            />
            Stage2
            <input
              type='text'
              value='{{formatDate expectedInitialInquiryDate}}'
              class='line-input'
              style='width: 120px;'
            /></span>
        </div>
        <div class='applicant-declaration'>
          The applicant declares that the relevant information in this Initial
          Enquiry form is correct.
        </div>
      </div>

      <div class='form-section' style='margin-top: 20px;'>
        <div class='question-line'>
          <span class='line-label' style='font-weight: bold;'>Applicant Name:</span>
          <input type='text' value='{{job.companySnapshot.companycontact_person}}' class='line-input' style='width: 300px;' />
        </div>
        <div class='question-line' style='margin-top: 5px;'>
          <span class='line-label' style='font-weight: bold;'>Date:</span>
          <input type='text' value='{{formatDate expectedInitialInquiryDate}}' class='line-input' style='width: 300px;' />
        </div>
      </div>

      <!-- FOOTER FOR PAGE 4 -->
      <table class='doc-table' style='margin-top: 20px;'>
        <tr style='background-color: #f0f0f0;'>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Issue</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Revision</td>
          <td
            style='width: 33%; text-align: center; font-weight: bold;'
          >Date</td>
        </tr>
        <tr>
          <td style='text-align: center;'>3</td>
          <td style='text-align: center;'>02</td>
          <td style='text-align: center;'>01-05-2024</td>
        </tr>
      </table>

    </div>

  </body>
</html>