{{ range .Bookings -}}
    <tr>
        <td><a href="{{ .URL }}">{{ .Reference }}</a></td>
        <td>{{ .ArrivalDate | formatDate }}</td>
        <td>{{ .DepartureDate | formatDate }}</td>
        <td>{{ .HolderName }}</td>
    </tr>
{{- end }}
{{ if .Filters.Cursor.Val }}
    <tr>
        <td colspan="4">
            {{ with .Filters -}}
                <form data-hx-get="/admin/prebookings" data-hx-target="closest tr" data-hx-swap="outerHTML">
                    {{ with .HolderName -}}<input type="hidden" name="{{ .Name }}"
                                                  value="{{ .Val }}">{{- end }}
                    {{ with .FromDate -}}<input type="hidden" name="{{ .Name }}"
                                                value="{{ .Val }}">{{- end }}
                    {{ with .ToDate -}}<input type="hidden" name="{{ .Name }}" value="{{ .Val }}">{{- end }}
                    {{ with .Cursor -}}<input type="hidden" name="{{ .Name }}" value="{{ .Val }}">{{- end }}
                    <button type="submit">{{( pgettext "Load more" "action" )}}</button>
                </form>
            {{- end }}
        <td>
    </tr>
{{- end }}
