philomena/lib/philomena_web/templates/image/comment/index.html.slime

elixir:
  route = fn p -> ~p"/images/#{@image}/comments?#{p}" end
  pagination = render PhilomenaWeb.PaginationView, "_pagination.html", page: @comments, route: route

.block
  .block__header.page__header
    .page__pagination = pagination
    .page__info
      span
        =<> @image.comments_count
        => pluralize("comment", "comments", @image.comments_count)
        ' posted
      button.button#js-refresh-comments title="Refresh" data-disable-with="..."
        i.fa.fa-sync
        span.hidden--mobile<> Refresh

= for {comment, body} <- @comments, can_view_communication?(@conn, comment) do
  = render PhilomenaWeb.CommentView, "_comment.html", comment: comment, body: body, conn: @conn

.block
  .block__header.block__header--light.page__header
    .page__pagination = pagination