{{#
    Likes Button Partial
    Usage: {{ partial:partials/likes id="{id}" count="{likes_count}" }}
#}}
<div class="likes-wrap d-inline-flex align-items-center gap-2">
    <button class="likes-btn {{ likes_count > 0 ?= 'has-likes' }}" 
            data-likes-id="{{ id }}"
            data-likes-count="{{ likes_count ?? 0 }}"
            aria-label="Like this">
        <ion-icon name="heart-outline" class="icon-heart-outline"></ion-icon>
        <ion-icon name="heart" class="icon-heart-filled"></ion-icon>
    </button>
    <span class="likes-count" data-likes-display="{{ id }}" style="{{ if !likes_count || likes_count == 0 }}display: none;{{ /if }}">{{ likes_count ?? 0 }}</span>
</div>