<div class="row w-full">
  <div class="box font-small w-25 text-center h-2">
    <p class="m-0">
      Project Ref No: 
    </p>
    <p class="m-0">
      {% if inspection.header.survey.project_reference_number %}
      <span class="font-semibold">{{ inspection.header.survey.project_reference_number }}</span>
      {% endif %}
    </p>
  </div>
  <div class="box font-small w-25 text-center border-left-0 h-2">
    <p class="m-0">
      Type of Survey: 
    </p>
    <p class="m-0">
      {% if inspection.header.survey.type_of_survey %}
      <span class="font-semibold">{{ inspection.header.survey.type_of_survey }}</span>
      {% endif %}
    </p>
  </div>
  <div class="box font-small w-25 text-center border-left-0 h-2">
    <p class="m-0">
      &nbsp;
    </p>
  </div>
  <div class="box font-small w-25 text-center border-left-0 h-2">
    <p class="m-0">
      Date:
    </p>
    <p class="m-0">
      {% if inspection.header.survey.survey_date %}
      <span class="font-semibold">{{ inspection.header.survey.survey_date.strftime("%m/%d/%y") }}</span >
      {% endif %}
    </p>
  </div>
</div>
