{% block components %}
{% set title = "Manhole Report / Inspection: Manhole ID: " ~ (inspection.header.location.access_point_no if inspection.header.location.access_point_no else "") %}
{% set border_bottom = True %}
{% include "nassco/macp/page_title.html" %}

<div class="column mt-1" style="page-break-after: always;">
  <div class="row w-full">
    <div class="row w-33 flex-1">
      <div class="text-center font-small box flex-1 h-2">
        <p class="m-0">Survey Date:</p>
        {% if inspection.header.survey.survey_date %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.survey_date.strftime("%Y/%m/%d") }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-2 border-left-0 h-2">
        <p class="m-0">Work Order No.:</p>
        {% if inspection.header.survey.work_order_number %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.work_order_number }}</p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33 flex-1">
      <div class="text-center font-small box flex-2 border-left-0 h-2">
        <p class="m-0">Weather:</p>
        {% if inspection.header.survey.weather and inspection.header.survey.weather.label %}
        <p class="m-0 font-semibold">
          {% if 'dry' in inspection.header.survey.weather.label|lower %}
            Dry
          {% else %}
            {{ inspection.header.survey.weather.label }}
          {% endif %}
        </p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-2 border-left-0 h-2">
        <p class="m-0">Manhole GIS/ID:</p>
        {% if inspection.header.location.access_point_no %}
        <p class="m-0 font-semibold">{{ inspection.header.location.access_point_no }}</p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33 flex-1">
      <div class="text-center font-small box flex-2 border-left-0 h-2">
        <p class="m-0">Operator:</p>
        {% if inspection.header.survey.surveyed_by %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.surveyed_by }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-2 border-left-0 h-2">
        <p class="m-0">Owner:</p>
        {% if inspection.header.survey.owner %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.owner }}</p>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="row w-full">
    <div class="row w-33 flex-1">
      <div class="text-center font-small box flex-1 h-2 border-top-0">
        <p class="m-0">Start Time:</p>
        {% if inspection.header.survey.survey_time %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.survey_time.strftime("%H:%M") }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-1 border-left-0 h-2 border-top-0">
        <p class="m-0">Year Comissioned:</p>
        {% if inspection.header.manhole.year_constructed %}
        <p class="m-0 font-semibold">{{ inspection.header.manhole.year_constructed }}</p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33 flex-1">
      <div class="text-center font-small box flex-1 border-left-0 h-2 border-top-0">
        <p class="m-0">Camera:</p>
        {% if inspection.header.survey.inspection_technology and inspection.header.survey.inspection_technology.label %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.inspection_technology.label }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-1 border-left-0 h-2 border-top-0">
        <p class="m-0">Certificate No.:</p>
        {% if inspection.header.survey.certificate_number %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.certificate_number }}</p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33 flex-1">
      <div class="text-center font-small box flex-1 border-left-0 h-2 border-top-0">
        <p class="m-0">Requested By:</p>
        {% if inspection.header.survey.requested_by %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.requested_by }}</p>
        {% endif %}
        </div>
      <div class="text-center font-small box flex-1 border-left-0 h-2 border-top-0">
        <p class="m-0">Cleaned:</p>
        {% if inspection.header.survey.cleaned %}
        <p class="m-0 font-semibold">Yes</p>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="row w-full">
    <div class="row w-33">
      <div class="w-full text-left font-small box h-3 border-top-0">
        <p class="m-0">Road: 
          {% if inspection.header.location.street %}
          <span class="font-semibold">{{inspection.header.location.street }}</span>
          {% endif %}
        </p>
        <p class="m-0">Place: 
          {% if inspection.header.location.city %}
          <span class="font-semibold">{{inspection.header.location.city }}</span>
          {% endif %}
        </p>
        <p class="m-0">Location Details: 
          {% if inspection.header.location.location_details %}
          <span class="font-semibold">{{inspection.header.location.location_details }}</span>
          {% endif %}
        </p>
        <p class="m-0">Location Code: 
          {% if inspection.header.location.location_code %}
          <span class="font-semibold">{{inspection.header.location.location_code.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-3 border-top-0 border-left-0">
        <p class="m-0">Manhole GID/ID: 
          {% if inspection.header.location.access_point_no %}
          <span class="font-semibold">{{ inspection.header.location.access_point_no }}</span>
          {% endif %}
        </p>
        <p class="m-0">Catchment: 
          {% if inspection.header.location.drainage_area %}
          <span class="font-semibold">{{ inspection.header.location.drainage_area }}</span>
          {% endif %}
        </p>
        <p class="m-0">Inflow Potential from Runoff: 
          {% if inspection.header.location.inflow_potential_from_runoff %}
          <span class="font-semibold">{{ inspection.header.location.inflow_potential_from_runoff.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Surface Type: 
          {% if inspection.header.location.surface_type %}
          <span class="font-semibold">{{ inspection.header.location.surface_type.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-3 border-top-0 border-left-0">
        <p class="m-0">MH Use: 
          {% if inspection.header.manhole.mh_use %}
          <span class="font-semibold">{{ inspection.header.manhole.mh_use.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Access Type: 
          {% if inspection.header.manhole.access_type %}
          <span class="font-semibold">{{ inspection.header.manhole.access_type.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Purpose: 
          {% if inspection.header.survey.purpose_of_survey %}
          <span class="font-semibold">{{inspection.header.survey.purpose_of_survey.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Inspection Status: 
          {% if inspection.header.survey.inspection_status %}
          <span class="font-semibold">{{inspection.header.survey.inspection_status.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
  </div>
  <div class="row w-full">
    <div class="row w-33">
      <div class="w-full text-left font-small box h-4 border-top-0">
        <p class="m-0">Rim to Invert: 
          {% if inspection.header.measurements.rim_to_invert %}
          <span class="font-semibold">{{ inspection.header.measurements.rim_to_invert }}</span>
          {% endif %}
        </p>
        <p class="m-0">Grade to Invert: 
          {% if inspection.header.measurements.grade_to_invert %}
          <span class="font-semibold">{{ inspection.header.measurements.grade_to_invert }}</span>
          {% endif %}
        </p>
        <p class="m-0">Rim to Grade: 
          {% if inspection.header.measurements.rim_to_grade %}
          <span class="font-semibold">{{inspection.header.measurements.rim_to_grade }}</span>
          {% endif %}
        </p>
        <p class="m-0">Rim to Grade Exposed: 
          {% if inspection.header.measurements.rim_to_grade_exposed %}
          <span class="font-semibold">{{inspection.header.measurements.rim_to_grade_exposed }}</span>
          {% endif %}
        </p>
        <p class="m-0">Evidence Surcharge: 
          {% if inspection.header.manhole.evidence_of_surcharge %}
          <span class="font-semibold">{{inspection.header.manhole.evidence_of_surcharge.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Inspection Level: 
          {% if inspection.header.survey.inspection_level %}
          <span class="font-semibold">{{inspection.header.survey.inspection_level.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-4 border-top-0 border-left-0">
        <p class="m-0">Northing: 
          {% if inspection.header.measurements.northing %}
          <span class="font-semibold">{{ inspection.header.measurements.northing }}</span>
          {% endif %}
        </p>
        <p class="m-0">Easting: 
          {% if inspection.header.measurements.easting %}
          <span class="font-semibold">{{ inspection.header.measurements.easting }}</span>
          {% endif %}
        </p>
        <p class="m-0">Elevation: 
          {% if inspection.header.measurements.elevation %}
          <span class="font-semibold">{{inspection.header.measurements.elevation }}</span>
          {% endif %}
        </p>
        <p class="m-0">Coordinate System: 
          {% if inspection.header.measurements.coordinate_system %}
          <span class="font-semibold">{{inspection.header.measurements.coordinate_system }}</span>
          {% endif %}
        </p>
        <p class="m-0">Vertical Datum: 
          {% if inspection.header.measurements.vertical_datum %}
          <span class="font-semibold">{{inspection.header.measurements.vertical_datum }}</span>
          {% endif %}
        </p>
        <p class="m-0">GPS Accuracy: 
          {% if inspection.header.measurements.gps_accuracy %}
          <span class="font-semibold">{{inspection.header.measurements.gps_accuracy.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-4 border-top-0 border-left-0">
        <h3 class="component-title box text-center w-full my-1">Channel</h3>
        <p class="m-0">Channel Installed: 
          {% if inspection.header.components.channel.channel_installed %}
          <span class="font-semibold">{{ inspection.header.components.channel.channel_installed.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Type: 
          {% if inspection.header.components.channel.type %}
          <span class="font-semibold">{{ inspection.header.components.channel.type.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Channel Material: 
          {% if inspection.header.components.channel.channel_material %}
          <span class="font-semibold">{{ inspection.header.components.channel.channel_material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Exposure: 
          {% if inspection.header.components.channel.exposure %}
          <span class="font-semibold">{{ inspection.header.components.channel.exposure.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Channel Condition: 
          {% if inspection.header.components.channel.condition %}
          <span class="font-semibold">{{ inspection.header.components.channel.condition.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
  </div>
  <div class="row w-full">
    <div class="row w-33">
      <div class="w-full text-left font-small box h-5 border-top-0">
        <h3 class="component-title box text-center w-full my-1">Frame</h3>
        <p class="m-0">Frame Material: 
          {% if inspection.header.components.frame.frame_material %}
          <span class="font-semibold">{{ inspection.header.components.frame.frame_material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Frame Condition: 
          {% if inspection.header.components.frame.frame_condition %}
          <span class="font-semibold">{{ inspection.header.components.frame.frame_condition.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Bearing Surface Width: 
          {% if inspection.header.components.frame.bearing_surface_width %}
          <span class="font-semibold">{{ inspection.header.components.frame.bearing_surface_width }}</span>
          {% endif %}
        </p>
        <p class="m-0">Bearing Surface Depth: 
          {% if inspection.header.components.frame.bearing_surface_depth %}
          <span class="font-semibold">{{ inspection.header.components.frame.bearing_surface_depth }}</span>
          {% endif %}
        </p>
        <p class="m-0">Seal Condition: 
          {% if inspection.header.components.frame.seal_condition %}
          <span class="font-semibold">{{ inspection.header.components.frame.seal_condition.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Offset Distance: 
          {% if inspection.header.components.frame.offset_distance %}
          <span class="font-semibold">{{ inspection.header.components.frame.offset_distance }}</span>
          {% endif %}
        </p>
        <p class="m-0">Clear opening Diameter: 
          {% if inspection.header.components.frame.clear_opening_diameter %}
          <span class="font-semibold">{{ inspection.header.components.frame.clear_opening_diameter }}</span>
          {% endif %}
        </p>
        <p class="m-0">Clear Opening Width: 
          {% if inspection.header.components.frame.clear_opening_width %}
          <span class="font-semibold">{{ inspection.header.components.frame.clear_opening_width }}</span>
          {% endif %}
        </p>
        <p class="m-0">Seal Inflow: 
          {% if inspection.header.components.frame.seal_inflow %}
          <span class="font-semibold">{{ inspection.header.components.frame.seal_inflow.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Frame Depth: 
          {% if inspection.header.components.frame.frame_depth %}
          <span class="font-semibold">{{ inspection.header.components.frame.frame_depth }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-5 border-top-0 border-left-0">
        <h3 class="component-title box text-center w-full my-1">Cover</h3>
        <p class="m-0">Type: 
          {% if inspection.header.components.cover.type %}
          <span class="font-semibold">{{ inspection.header.components.cover.type.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Shape: 
            {% if inspection.header.components.cover.shape %}
          <span class="font-semibold">{{ inspection.header.components.cover.shape.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Size: 
          {% if inspection.header.components.cover.size %}
          <span class="font-semibold">{{ inspection.header.components.cover.size }}</span>
          {% endif %}
        </p>
        <p class="m-0">Center Size: 
          {% if inspection.header.components.cover.center_cover_size %}
          <span class="font-semibold">{{ inspection.header.components.cover.center_cover_size }}</span>
          {% endif %}
        </p>
        <p class="m-0">Size Width: 
          {% if inspection.header.components.cover.size_width %}
          <span class="font-semibold">{{ inspection.header.components.cover.size_width }}</span>
          {% endif %}
        </p>
        <p class="m-0">Cover Material: 
          {% if inspection.header.components.cover.cover_material %}
          <span class="font-semibold">{{ inspection.header.components.cover.cover_material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Hole Diameter: 
          {% if inspection.header.components.cover.hole_diameter %}
          <span class="font-semibold">{{ inspection.header.components.cover.hole_diameter.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Hole Number: 
          {% if inspection.header.components.cover.hole_number %}
          <span class="font-semibold">{{ inspection.header.components.cover.hole_number }}</span>
          {% endif %}
        </p>
        <p class="m-0">Bearing Surface Diameter: 
          {% if inspection.header.components.cover.bearing_surface_diameter %}
          <span class="font-semibold">{{ inspection.header.components.cover.bearing_surface_diameter }}</span>
          {% endif %}
        </p>
        <p class="m-0">Bearing Surface Width: 
          {% if inspection.header.components.cover.bearing_surface_width %}
          <span class="font-semibold">{{ inspection.header.components.cover.bearing_surface_width }}</span>
          {% endif %}
        </p>
        <p class="m-0">Cover/Frame Fit: 
          {% if inspection.header.components.cover.cover_frame_fit %}
          <span class="font-semibold">{{ inspection.header.components.cover.cover_frame_fit.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Cover Condition: 
          {% if inspection.header.components.cover.cover_condition %}
          <span class="font-semibold">{{ inspection.header.components.cover.cover_condition.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-5 border-top-0 border-left-0">
        <h3 class="component-title box text-center w-full my-1">Cover Insert</h3>
        <p class="m-0">Insert Type: 
          {% if inspection.header.components.cover_insert.insert_type %}
          <span class="font-semibold">{{ inspection.header.components.cover_insert.insert_type.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Cover Insert Condition: 
          {% if inspection.header.components.cover_insert.cover_insert_condition %}
          <span class="font-semibold">{{ inspection.header.components.cover_insert.cover_insert_condition.label }}</span>
          {% endif %}
        </p>
        <h3 class="component-title box text-center w-full my-1">Steps</h3>
        <p class="m-0">Number: 
          {% if inspection.header.components.steps.number %}
          <span class="font-semibold">{{ inspection.header.components.steps.number }}</span>
          {% endif %}
        </p>
        <p class="m-0">Material: 
            {% if inspection.header.components.steps.material %}
          <span class="font-semibold">{{ inspection.header.components.steps.material.label }}</span>
          {% endif %}
        </p>
        <h3 class="component-title box text-center w-full my-1">Cover Adjustment Ring</h3>
        <p class="m-0">Ring Type: 
          {% if inspection.header.components.cover_adjustment_ring.ring_type %}
          <span class="font-semibold">{{ inspection.header.components.cover_adjustment_ring.ring_type.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Ring Material: 
          {% if inspection.header.components.cover_adjustment_ring.ring_material %}
          <span class="font-semibold">{{ inspection.header.components.cover_adjustment_ring.ring_material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Ring Condition: 
          {% if inspection.header.components.cover_adjustment_ring.ring_condition %}
          <span class="font-semibold">{{ inspection.header.components.cover_adjustment_ring.ring_condition.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Ring Height: 
          {% if inspection.header.components.cover_adjustment_ring.ring_height %}
          <span class="font-semibold">{{ inspection.header.components.cover_adjustment_ring.ring_height }}</span>
          {% endif %}
        </p>
      </div>
    </div>
  </div>
  <div class="row w-full">
    <div class="row w-33">
      <div class="w-full text-left font-small box h-5 border-top-0">
        <h3 class="component-title box text-center w-full my-1">Cone</h3>
        <p class="m-0">Type: 
          {% if inspection.header.components.cone.type %}
          <span class="font-semibold">{{ inspection.header.components.cone.type.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Material: 
          {% if inspection.header.components.cone.material %}
          <span class="font-semibold">{{ inspection.header.components.cone.material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Depth: 
          {% if inspection.header.components.cone.depth %}
          <span class="font-semibold">{{ inspection.header.components.cone.depth }}</span>
          {% endif %}
        </p>
        <p class="m-0">Lining Interior: 
          {% if inspection.header.components.cone.lining_interior %}
          <span class="font-semibold">{{ inspection.header.components.cone.lining_interior.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Lining Exterior: 
          {% if inspection.header.components.cone.lining_exterior %}
          <span class="font-semibold">{{ inspection.header.components.cone.lining_exterior.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Cone Condition: 
          {% if inspection.header.components.cone.condition %}
          <span class="font-semibold">{{ inspection.header.components.cone.condition.label }}</span>
          {% endif %}
        </p>
        <h3 class="component-title box text-center w-full my-1">Bench</h3>
        <p class="m-0">Bench Present: 
          {% if inspection.header.components.bench.bench_present %}
          <span class="font-semibold">{{ inspection.header.components.bench.bench_present.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Bench Condition: 
          {% if inspection.header.components.bench.bench_condition %}
          <span class="font-semibold">{{ inspection.header.components.bench.bench_condition.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Bench Material: 
          {% if inspection.header.components.bench.bench_material %}
          <span class="font-semibold">{{ inspection.header.components.bench.bench_material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Bench Lining: 
          {% if inspection.header.components.bench.bench_lining %}
          <span class="font-semibold">{{ inspection.header.components.bench.bench_lining.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-5 border-top-0 border-left-0">
        <h3 class="component-title box text-center w-full my-1">Wall</h3>
        <p class="m-0">Wall Diameter: 
          {% if inspection.header.components.wall.diameter %}
          <span class="font-semibold">{{ inspection.header.components.wall.diameter }}</span>
          {% endif %}
        </p>
        <p class="m-0">Wall by Size: 
          {% if inspection.header.components.wall.width %}
          <span class="font-semibold">{{ inspection.header.components.wall.width }}</span>
          {% endif %}
        </p>
        <p class="m-0">Material: 
          {% if inspection.header.components.wall.material %}
          <span class="font-semibold">{{ inspection.header.components.wall.material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Depth: 
          {% if inspection.header.components.wall.depth %}
          <span class="font-semibold">{{ inspection.header.components.wall.depth }}</span>
          {% endif %}
        </p>
        <p class="m-0">Wall Lining Exterior: 
          {% if inspection.header.components.wall.lining_exterior %}
          <span class="font-semibold">{{ inspection.header.components.wall.lining_exterior.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Wall Lining Interior: 
          {% if inspection.header.components.wall.lining_interior %}
          <span class="font-semibold">{{ inspection.header.components.wall.lining_interior.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Wall Condition: 
          {% if inspection.header.components.wall.condition %}
          <span class="font-semibold">{{ inspection.header.components.wall.condition.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
    <div class="row w-33">
      <div class="w-full text-left font-small box h-5 border-top-0 border-left-0">
        <h3 class="component-title box text-center w-full my-1">Chimney</h3>
        <p class="m-0">Chimney Present: 
          {% if inspection.header.components.chimney.chimney_present %}
          <span class="font-semibold">{{ inspection.header.components.chimney.chimney_present.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">First Material: 
          {% if inspection.header.components.chimney.first_material %}
          <span class="font-semibold">{{ inspection.header.components.chimney.first_material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Second Material: 
          {% if inspection.header.components.chimney.second_material %}
          <span class="font-semibold">{{ inspection.header.components.chimney.second_material.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Lining Exterior: 
          {% if inspection.header.components.chimney.lining_exterior %}
          <span class="font-semibold">{{ inspection.header.components.chimney.lining_exterior.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Lining Interior: 
          {% if inspection.header.components.chimney.lining_interior %}
          <span class="font-semibold">{{ inspection.header.components.chimney.lining_interior.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Chimney I/I: 
          {% if inspection.header.components.chimney.chimney_inflow_infiltration %}
          <span class="font-semibold">{{ inspection.header.components.chimney.chimney_inflow_infiltration.label }}</span>
          {% endif %}
        </p>
        <p class="m-0">Clear Opening: 
          {% if inspection.header.components.chimney.clear_opening %}
          <span class="font-semibold">{{ inspection.header.components.chimney.clear_opening }}</span>
          {% endif %}
        </p>
        <p class="m-0">Chimney Depth: 
          {% if inspection.header.components.chimney.chimney_depth %}
          <span class="font-semibold">{{ inspection.header.components.chimney.chimney_depth }}</span>
          {% endif %}
        </p>
        <p class="m-0">Chimney Condition: 
          {% if inspection.header.components.chimney.chimney_condition %}
          <span class="font-semibold">{{ inspection.header.components.chimney.chimney_condition.label }}</span>
          {% endif %}
        </p>
      </div>
    </div>
  </div>
  <div class="row w-full">
    <div class="w-full text-left font-small box border-top-0">
      <p class="m-0">Additional Component Information: 
        {% if inspection.header.components.additional_info %}
        <span class="font-semibold">{{ inspection.header.components.additional_info }}</span>
        {% endif %}
      </p>
    </div>
  </div>
  <div class="row w-full">
    <div class="w-full text-left font-small box border-top-0">
      <p class="m-0">Remarks: 
        {% if inspection.header.additional_information %}
        <span class="font-semibold">{{ inspection.header.additional_information }}</span>
        {% endif %}
      </p>
    </div>
  </div>
</div>

{% endblock %}