{{!< default}}
{{!-- Einzelner Beitrag --}}
{{#post}}
<main class="site-main">
    <article class="article {{post_class}}">

        <header class="article__header container container--narrow">
            {{#primary_tag}}<a class="label" href="{{url}}">{{name}}</a>{{/primary_tag}}

            <h1 class="article__title">{{title}}</h1>

            {{#if custom_excerpt}}
                <p class="article__excerpt">{{custom_excerpt}}</p>
            {{/if}}

            <div class="meta article__meta">
                {{#if primary_author}}
                    <span>{{t "By"}} {{authors separator=", "}}</span>
                    <span aria-hidden="true">&middot;</span>
                {{/if}}
                <time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D. MMMM YYYY"}}</time>
                <span aria-hidden="true">&middot;</span>
                <span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
            </div>
        </header>

        {{#if feature_image}}
            <figure class="article__image container">
                <img
                    srcset="{{img_url feature_image size="m"}} 750w,
                            {{img_url feature_image size="l"}} 1140w,
                            {{img_url feature_image size="xl"}} 1920w"
                    sizes="(max-width: 1240px) 100vw, 1200px"
                    src="{{img_url feature_image size="l"}}"
                    alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
                {{#if feature_image_caption}}<figcaption>{{feature_image_caption}}</figcaption>{{/if}}
            </figure>
        {{/if}}

        <section class="gh-content">
            {{content}}
        </section>

        {{#if tags}}
            <footer class="article__tags container container--narrow">
                {{#foreach tags}}<a class="label label--boxed" href="{{url}}">{{name}}</a>{{/foreach}}
            </footer>
        {{/if}}

    </article>

    <nav class="post-nav container container--narrow" aria-label="{{t "More posts"}}">
        {{#next_post}}
            <a class="post-nav__link" href="{{url}}">
                <span class="meta">&larr; {{t "Newer Post"}}</span>
                <span class="post-nav__title">{{title}}</span>
            </a>
        {{else}}
            <span></span>
        {{/next_post}}
        {{#prev_post}}
            <a class="post-nav__link post-nav__link--older" href="{{url}}">
                <span class="meta">{{t "Older Post"}} &rarr;</span>
                <span class="post-nav__title">{{title}}</span>
            </a>
        {{/prev_post}}
    </nav>

    {{#if primary_tag}}
        {{#get "posts" filter="primary_tag:{{primary_tag.slug}}+id:-{{id}}" limit="3" include="tags,authors"}}
            <section class="section related container">
                <header class="section__header">
                    <h2 class="section__title">{{t "Keep reading"}}</h2>
                </header>
                <div class="post-grid">
                    {{#foreach posts}}
                        {{> "post-card"}}
                    {{/foreach}}
                </div>
            </section>
        {{/get}}
    {{/if}}

    {{#if comments}}
        <section class="article__comments container container--narrow">
            {{comments}}
        </section>
    {{/if}}
</main>
{{/post}}