<div class="column">
  <div class="row w-full">
    <div class="row w-33">
      <div class="text-center font-small box flex-1 h-2 border-top-0 border-left-0">
        <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("%m/%d/%y") }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-2 border-left-0 h-2 border-top-0">
        <p class="m-0">Type of Survey:</p>
        {% if inspection.header.survey.type_of_survey %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.type_of_survey }}</p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33">
      <div class="text-center font-small box flex-2 border-left-0 h-2 border-top-0">
        <p class="m-0">Year Comissioned:</p>
        {% if inspection.header.pipe.year_constructed %}
        <p class="m-0 font-semibold">{{ inspection.header.pipe.year_constructed }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-2 border-left-0 h-2 border-top-0">
        <p class="m-0">Sewer GIS/ID:</p>
        {% if inspection.header.pipe.pipeline_length_reference %}
        <p class="m-0 font-semibold">{{ inspection.header.pipe.pipeline_length_reference }}</p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33">
      <div class="text-center font-small box flex-2 border-left-0 h-2 border-top-0">
        <p class="m-0">Operator:</p>
        {% if inspection.header.survey.name_of_surveyor %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.name_of_surveyor }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-2 border-left-0 h-2 border-top-0 border-right-0">
        <p class="m-0">Team Supervisor:</p>
        {% if inspection.header.survey.name_of_surveyor %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.name_of_surveyor }}</p>
        {% endif %}
      </div>
    </div>
  </div>
  <div class="row w-full">
    <div class="row w-33">
      <div class="text-center font-small box flex-1 h-2 border-top-0 border-left-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-2 border-left-0 h-2 border-top-0">
        <p class="m-0">Weather:</p>
        {% if inspection.header.survey.weather %}
        <p class="m-0 font-semibold">
          {{ inspection.header.survey.weather.label }}
        </p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33">
      <div class="text-center font-small box border-left-0 h-2 border-top-0 flex-2">
        <p class="m-0">Camera:</p>
        {% if inspection.header.survey.method_of_inspection %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.method_of_inspection }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box border-left-0 h-2 border-top-0 flex-2">
        <p class="m-0">Full Segment CCTV:</p>
        {% if inspection.header.survey.full_segment_cctv %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.full_segment_cctv }}</p>
        {% endif %}
      </div>
    </div>
    <div class="row w-33">
      <div class="text-center font-small box flex-2 border-left-0 h-2 border-top-0">
        <p class="m-0">Cleaned:</p>
        {% if inspection.header.survey.pre_cleaned %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.pre_cleaned.label }}</p>
        {% endif %}
      </div>
      <div class="text-center font-small box flex-2 border-left-0 h-2 border-top-0 border-right-0">
        <p class="m-0">WRC Certified:</p>
        {% if inspection.header.survey.wrc_certified %}
        <p class="m-0 font-semibold">{{ inspection.header.survey.wrc_certified }}</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>