{{! template-lint-disable no-curly-component-invocation no-link-to-positional-params }}
<article class="post-card {{unless @post.image 'no-image'}} {{if (and this.isHome (has @index index='nth:6')) 'post-card-large'}}">

    {{#if @post.image}}
      <LinkTo @route="post" @model={{@post.id}} class="post-card-image-link">
        <ResponsiveImage class="post-card-image" @src={{@post.image}} />
      </LinkTo>
    {{/if}}

    <div class="post-card-content">

        <LinkTo @route="post" @model={{@post.id}} class="post-card-content-link">

            <header class="post-card-header">
                {{#if @post.primaryTag}}
                    <span class="post-card-tags">{{if @post.primaryTag.name @post.primaryTag.name @post.primaryTag}}</span>
                {{/if}}
                <h2 class="post-card-title">{{@post.title}}</h2>
            </header>

            <section class="post-card-excerpt">
                <p>{{excerpt @post.html words="33"}}</p>
            </section>

        </LinkTo>

        <footer class="post-card-meta">

            <ul class="author-list">
            {{#each @post.authors as |author|}}
                <li class="author-list-item">

                    <div class="author-name-tooltip">
                        {{author.name}}
                    </div>

                    {{#if author.image}}
                        <LinkTo @route="author" @model={{author.id}} class="static-avatar">
                            <img class="author-profile-image" src={{author.image}} alt={{author.name}} />
                        </LinkTo>
                    {{else}}
                        <LinkTo @route="author" @model={{author.id}} class="static-avatar author-profile-image">
                          <SvgIcons::Avatar />
                        </LinkTo>
                    {{/if}}
                </li>
            {{/each}}
            </ul>

            <span class="reading-time">{{reading-time @post}}</span>

        </footer>

    </div>{{!--/.post-card-content--}}

</article>