{{# Publications Page Template #}}
{{ layout = 'layouts/default' }}

{{# COVER + TITLE HEADER #}}
<section class="publications-header position-relative">
    {{ if cover_video or cover_image }}
    {{ partial:partials/cover-media }}
    {{ /if }}
    <div class="container position-relative" style="z-index: 2;">
        <div class="py-5">
            {{ collection:publications as="all_pubs" }}
            <h1 class="publications-page-title text-uppercase">
                Publications 
                <span class="pub-count">({{ all_pubs | count }})</span>
            </h1>
            {{ /collection:publications }}
        </div>
    </div>
</section>

{{# PUBLICATIONS LIST #}}
<section class="publications-list-section py-4">
    <div class="container">
        {{ collection:publications orderby="date:desc" as="publications" paginate:by="12" }}
        {{ publications }}

        <article class="publication-row">
            <a href="{{ url }}" class="pub-row-link text-decoration-none">
                <div class="row g-0 align-items-center">

                    {{# Thumbnail - Left #}}
                    <div class="col-lg-2 col-md-3 col-4">
                        <div class="pub-thumb-wrap">
                            {{ if featured_image }}
                            <img src="{{ featured_image }}" alt="{{ title }}" class="pub-thumb img-fluid">
                            {{ else }}
                            <div class="pub-thumb-placeholder"></div>
                            {{ /if }}
                        </div>
                    </div>

                    {{# Title - Middle (wider) #}}
                    <div class="col-lg-7 col-md-5 col-8 px-4">
                        <h3 class="pub-title">{{ title }}</h3>
                    </div>

                    {{# Publisher Logo - Right #}}
                    <div class="col-lg-2 d-none d-lg-flex align-items-center justify-content-center">
                        {{ if publisher:logo }}
                        <img src="{{ publisher:logo }}" alt="{{ publisher:title }}" class="pub-logo img-fluid">
                        {{ elseif publisher_logo }}
                        <img src="{{ publisher_logo }}" alt="{{ publisher_name }}" class="pub-logo img-fluid">
                        {{ else }}
                        <span class="pub-publisher-name small">{{ publisher_name ?? publisher:title }}</span>
                        {{ /if }}
                    </div>

                    {{# Date - Right #}}
                    <div class="col-lg-1 d-none d-lg-flex align-items-center justify-content-end">
                        <time class="pub-date small text-muted" datetime="{{ date format='Y-m-d' }}">
                            {{ date format="d.m.Y" }}
                        </time>
                    </div>

                </div>
            </a>
        </article>

        {{ /publications }}

        {{# Pagination #}}
        {{ if paginate }}
        <div class="pagination-wrap mt-5 d-flex justify-content-center">
            {{ if paginate:prev_page }}
            <a href="{{ paginate:prev_page_url }}" class="btn btn-outline-secondary me-2">&laquo; Previous</a>
            {{ /if }}
            {{ if paginate:next_page }}
            <a href="{{ paginate:next_page_url }}" class="btn btn-outline-secondary ms-2">Next &raquo;</a>
            {{ /if }}
        </div>
        {{ /if }}

        {{ /collection:publications }}
    </div>
</section>