{{ block "experience-partial" . }}
<h2 class="text-3xl font-bold m-6">Experience</h2>
<div class="m-10 mb-6 overflow-x-auto rounded-lg shadow">
  <p class="mb-6 font-bold text-lg"> Parent Company - IdPassglobal</p>
  <table class="min-w-full border border-gray-300 border-collapse">
    <thead class="bg-gray-100">
      <tr class="border-b border-gray-300">
        <th class="table-th">Company</th>
        <th class="table-th">Position</th>
        <th class="table-th">Employee Type</th>
        <th class="table-th">Tasks</th>
        <th class="table-th">Tools</th>
        <th class="table-th">Time Period</th>
      </tr>
    </thead>
{{ range . }} {{ template "experience-partial-range" . }} {{ end }} 
  </table>
</div>
{{ end }}

{{ block "experience-partial-range" . }}
    <tbody>
      <tr class="hover:bg-blue-50 border-b border-gray-300">
        <td class="table-td">{{ .Company }}</td>
        <td class="table-td">{{ .Position }}</td>
        <td class="table-td">{{ .EmployeeType }}</td>
        <td class="table-td text-start px-2">
          <ul class="list-disc list-inside">
            {{ range .Tasks }}
            <li class="m-2">{{ . }}</li>
            {{ end }}
          </ul>
        </td>
        <td class="table-td">{{ .Tools }}</td>
        <td class="table-td">{{ .TimePeriod }}</td>
      </tr>
    </tbody>
{{ end }}