<div class="row w-full">
  <div class="box font-small flex-2 text-center h-2">
    <p class="m-0">Place:</p>
    {% if inspection.header.location.location_town_or_village %}
    <p class="m-0 font-semibold">{{ inspection.header.location.location_town_or_village }}</p>
    {% endif %}
  </div>
  <div class="box font-small flex-2 text-center border-left-0 h-2">
    <p class="m-0">Road:</p>
    {% if inspection.header.location.location_street_name %}
    <p class="m-0 font-semibold">{{ inspection.header.location.location_street_name }}</p>
    {% endif %}
  </div>
  <div class="box font-small flex-1 text-center border-left-0 h-2">
    <p class="m-0">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="box font-small flex-2 text-center border-left-0 h-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.label }}</p>
    {% endif %}
  </div>
  <div class="box font-small flex-2 text-center border-left-0 h-2">
    <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>