{{# Publication Single Template #}}
{{ layout = 'layouts/default' }}

{{# TOP SECTION - similar to festival single #}}
<section class="pub-single-top py-4">
    <div class="container">
        <div class="row g-0 align-items-stretch">

            {{# Left: Heart + Share + Title | col-lg-4 #}}
            <div class="col-lg-4 pub-single-meta">
                <div class="p-4 h-100 d-flex flex-column">

                    <div class="row g-0 mb-4">
                        <div class="col-6">
                            {{ partial:partials/likes id="{id}" count="{likes_count}" }}
                        </div>
                        <div class="col-6 d-flex justify-content-end">
                            <button class="share-btn d-flex align-items-center gap-2 text-uppercase fw-bold"
                                    data-share-url="{{ current_url }}"
                                    data-share-title="{{ title }}">
                                <ion-icon name="share-social-outline"></ion-icon>
                                Share
                            </button>
                        </div>
                    </div>

                    <h1 class="pub-single-title mt-auto">{{ title }}</h1>

                </div>
            </div>

            {{# Right: Featured Image | col-lg-8 #}}
            <div class="col-lg-8">
                {{ if featured_image }}
                <div class="pub-single-img h-100">
                    <img src="{{ featured_image }}" alt="{{ title }}" class="img-fluid w-100 h-100 object-fit-cover">
                </div>
                {{ /if }}
            </div>

        </div>
    </div>
</section>

{{# CONTENT + PUBLISHER SECTION #}}
<section class="pub-content-section py-4">
    <div class="container">
        <div class="row">

            {{# Content - Left (full width in this layout, no gallery on left) | col-lg-8 #}}
            <div class="col-lg-8">
                <div class="pub-content-body prose-content">
                    {{ content }}
                </div>

                {{# Original Article Link #}}
                {{ if original_link }}
                <div class="pub-original-link mt-4">
                    <a href="{{ original_link }}" 
                       target="_blank" 
                       rel="noopener" 
                       class="btn-external d-inline-flex align-items-center gap-2 text-uppercase fw-bold">
                        <ion-icon name="open-outline"></ion-icon>
                        Read Original Article
                    </a>
                </div>
                {{ /if }}
            </div>

            {{# Publisher Logo (with custom background) + Images Gallery | col-lg-4 #}}
            <div class="col-lg-4">

                {{# Publisher Logo Block #}}
                <div class="publisher-block mb-4" 
                     style="{{ publisher:color ?? publisher_color ?= 'background-color:' + (publisher:color ?? publisher_color) }}">
                    <div class="publisher-logo-wrap p-4 text-center">
                        {{ if publisher:logo ?? publisher_logo }}
                        <img src="{{ publisher:logo ?? publisher_logo }}" 
                             alt="{{ publisher:title ?? publisher_name }}" 
                             class="publisher-logo img-fluid">
                        {{ else }}
                        <span class="publisher-name fw-bold">{{ publisher:title ?? publisher_name }}</span>
                        {{ /if }}
                    </div>
                </div>

                {{# All Images Gallery (replaces poster area) #}}
                {{ if images }}
                <div class="pub-images-gallery">
                    <div class="row g-2">
                        {{ images }}
                        <div class="col-6">
                            <a href="{{ url }}" 
                               data-fancybox="pub-gallery-{{ id }}"
                               data-caption="{{ alt ?? title }}">
                                <img src="{{ url }}" alt="{{ alt ?? title }}" class="img-fluid pub-gallery-img w-100">
                            </a>
                        </div>
                        {{ /images }}
                    </div>
                </div>
                {{ /if }}

            </div>

        </div>
    </div>
</section>