{{ $sectionID := replace (lower .section.name) " " "-"  }}
{{ if .section.id }}
  {{ $sectionID = .section.id }}
{{ end }}

{{ $numShow := 3}}
{{ if .section.numShow }}
  {{ $numShow = .section.numShow }}
{{ end }}


<div class="container-fluid anchor pb-5 recent-posts-section">
  {{ if not (.section.hideTitle) }}
    <h1 class="text-center">
        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ else }}
    <h1 class="text-center" style="display: none">
        <span id="{{ $sectionID }}"></span>{{ .section.name }}</h1>
  {{ end }}
  <div class="container">
    <div class="row" id="recent-post-cards">
      {{ range first $numShow (where (where site.RegularPages.ByDate.Reverse "Type" "posts" ) "Layout" "!=" "search") }}
        {{ partial "cards/recent-post.html" . }}
      {{ end }}
    </div>
  </div>
  {{ if (.section.showMoreButton) }}
  <div class="container" style="
  display: flex;
  align-items: center;
  justify-content: center;">
    <a href="/posts/" title="Show More" class="float-right btn btn-outline-info btn-sm" >
    {{ i18n "show_more"}}</a>
  </div>
  {{ end }}
</div>
