{{ define "content" }}

<div class="content max-w-screen-lg mx-auto">

{{ range . }}
<div tabindex="0" class="collapse bg-base-200 shadow mb-4">
  <div class="collapse-title font-medium">{{ .Title }}</div>
  <div class="collapse-content">
    <p class="pb-2">
      <span class="badge badge-outline">{{ .ShortSource }}</span>
      <span class="badge badge-outline">{{ .PublishDate }}</span>
      {{if .AiSummarized}}
      <span class="badge badge-outline">ai summary</span>
      {{end}}
    </p>
    <p class="card-text">{{ .Summary }}</p>
    <a href="{{ .SourceUrl }}" class="link">Link</a>
  </div>
</div>
{{ end }}

</div>
{{ end }}
