{% block defect_grade_description %}
{% set title = "Defect Grade Description / Inspection: Sewer ID: " ~ (inspection.header.pipe.pipeline_length_reference if inspection.header.pipe.pipeline_length_reference else "") %}
{% set border_top = true %}
{% include "wrc/mainline/page_title.html" %}
{% include "wrc/mainline/table_header_row.html" %}
<div class="container" style="page-break-after: always; height: 8.2in;">
  <div class="column mt-1">
    <div class="row box w-full py-2 border-top-0 border-left-0 border-right-0" style="vertical-align: middle;">
      <div class="text-center" style="width: 20%; color: green;">1:</div>
      <div class="text-left" style="width: 80%; color: green;">
        <p class="font-medium">Brick: No Structural Defects</p>
        <p class="font-medium">Pipe: No Structural Defects</p>
        <h4 class="mt-2 mb-0">Acceptable Structural Condition</h4>
      </div>
    </div>

    <div class="row box w-full py-2 border-left-0 border-right-0" style="vertical-align: middle;">
      <div class="text-center" style="width: 20%; color: blue;">2:</div>
      <div class="text-left" style="width: 80%; color: blue;">
        <p class="font-medium">Brick: Minor cracking, Surface mortar loss, Spalling slight, wear slight</p>
        <p class="font-medium">Pipe: Circumfrential crack, Moderate joint defects, Spalling slight, Wear slight</p>
        <h4 class="mt-2 mb-0">Minor collapse risk in short term but potential for further deterioration</h4>
      </div>
    </div>

    <div class="row box w-full py-2 border-left-0 border-right-0" style="vertical-align: middle;">
      <div class="text-center" style="width: 20%; color: orange;">3:</div>
      <div class="text-left" style="width: 80%; color: orange;">
        <p class="font-medium">Brick: Total mortorloss without other defects, single brick displaced, Deformation up to 5%, Spalling medium, Wear medium</p>
        <p class="font-medium">Pipe: Fractures with deformation up tp 5%, Longitudinal cracking or mulitlpe cracking, Minor loss of level, More severe joint</p>
        <h4 class="mt-2 mb-0">! Collapse unlikely in near future but future deterioration likely !</h4>
      </div>
    </div>

    <div class="row box w-full py-2 border-left-0 border-right-0" style="vertical-align: middle;">
      <div class="text-center" style="width: 20%; color: #ff00ff;">4:</div>
      <div class="text-left" style="width: 80%; color: #ff00ff;">
        <p class="font-medium">Brick: Total mortorloss with deformation greater than 10%, Deformation up to 10% and fractured, Displaced/hanging brickwork, Small number of missing bricks</p>
        <p class="font-medium">Pipe: Broken, Deformation up to 10% and broken, Fractured with deformation 5 - 10%, Multiple fractures, Serious loss of level, spalling large, wear large</p>
        <h4 class="mt-2 mb-0">!! Collapse likely in foreseeable future !!</h4>
      </div>
    </div>

    <div class="row box w-full py-2 border-left-0 border-right-0" style="vertical-align: middle;">
      <div class="text-center" style="width: 20%; color: red;">5:</div>
      <div class="text-left" style="width: 80%; color: red;">
        <p class="font-medium">Brick: Already Collapsed, Missing invert, Deformation over 10% and fractured, Displaced/hanging brickwork and deformation over 10%, Extensive missing bricks</p>
        <p class="font-medium">Pipe: Already collapsed, Deformation over 10% and broken, Extensive areas of fabric missing, Fractured with deformation over 10%</p>
        <h4 class="mt-2 mb-0">!!! Collapsed or collapse imminent !!!</h4>
      </div>
    </div>
  </div>
</div>
{% endblock %}