{{define "articlesHTML"}}

  {{range .articles}}
    <article class="news-article">
      <div class="article_content">
        <div class="ar-title">
          <a href="/{{.ID}}/{{.Slug}}">
            {{.Title}}
          </a>
        </div>
      </div>
      <a href="/{{.ID}}/{{.Slug}}">
        <div class="prewi" data-content="{{.Content}}"></div>
      </a>
      <div class="timestamp"> starenovine - {{ .FormatedCreatedAt }} -  {{.Category}}</div>
    </article>
  {{else}}
    <div class="prewi">
      Nema članaka za izabrani datum.
    </div>
  {{end}}
</div>

<script>
  function createPewiev(content) {
    let slicedContent = content.slice(0,200);
    if (content.length > 200){
      slicedContent += '...'
    }
    return slicedContent
  }

  let previewDivs = document.querySelectorAll('.prewi')
  previewDivs.forEach(function(previewDiv){
    let content = previewDiv.getAttribute('data-content')
    previewDiv.textContent = createPewiev(content)
  })
</script>
{{end}}