{% extends "management/base.html" %}
{% load i18n lucide ui %}

{% block heading %}{{ news_item.title }}{% endblock heading %}

{% block topbar_context %}
    {% if news_item.status == "draft" %}
        <span class="badge">{% trans "Draft" %}</span>
    {% elif news_item.is_scheduled %}
        <span class="badge badge-info">{% blocktrans with date=news_item.published_at %}Scheduled for {{ date }}{% endblocktrans %}</span>
    {% else %}
        <span class="badge badge-success">{% blocktrans with date=news_item.published_at %}Published {{ date }}{% endblocktrans %}</span>
    {% endif %}
    <span class="font-mono text-xs text-dim">{{ news_item.get_visibility_display }}</span>
{% endblock topbar_context %}

{% block actions %}
    {% if can_edit %}
        <a class="btn btn-outline gap-2" href="{% url 'management:news_update' news_item.pk %}">{% lucide "pencil" size=16 %} {% trans "Edit" %}</a>
        <button class="btn btn-outline btn-error gap-2" type="button" onclick="document.getElementById('delete_news_modal').showModal()">{% lucide "trash-2" size=16 %} {% trans "Delete" %}</button>
    {% endif %}
    {% if can_publish %}
        {% if news_item.status == "draft" %}
            <button class="btn btn-primary gap-2" type="button" onclick="document.getElementById('publish_modal').showModal()">{% lucide "upload" size=16 %} {% trans "Publish" %}</button>
        {% else %}
            <button class="btn btn-outline btn-warning gap-2" type="button" onclick="document.getElementById('unpublish_modal').showModal()">{% lucide "eye-off" size=16 %} {% trans "Unpublish" %}</button>
        {% endif %}
    {% endif %}
{% endblock actions %}

{% block panel %}
    {% include "management/_news_preview.html" with show_header=False %}
{% endblock panel %}