{% macro descriptiveList(title, subtitle, data) -%}
<div class="bg-white shadow overflow-hidden sm:rounded-lg">
  <div class="px-4 py-5 sm:px-6">
    <h3 class="text-lg leading-6 font-medium text-gray-900">{{title}}</h3>
    <p class="mt-1 max-w-2xl text-sm text-gray-500">{{subtitle}}</p>
  </div>
  <div class="border-t border-gray-200">
    <dl>
      {%for record in data%}
      <div class="bg-gray-50 px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
        <dt class="text-sm font-medium text-gray-500"