{% load wiki_tags %}

{% if user.is_authenticated %}
<div class="flex justify-end gap-2 mb-2">
    <!-- Wiki Article Actions -->
    {% if article|can_write:user %}
    <a href="{% url 'wiki:edit' article.id %}" 
       class="transition-transform btn-secondary hover:scale-105">
        <i class="mr-1 fas fa-pencil-alt"></i>Edit Article
    </a>
    {% endif %}

    <!-- Park Metadata Actions -->
    {% if park_metadata or article|can_write:user %}
    <a href="{% url 'wiki:parks_metadata' article.id %}" 
       class="transition-transform btn-secondary hover:scale-105">
        <i class="mr-1 fas fa-info-circle"></i>Park Info
    </a>
    {% endif %}

    <!-- Statistics Management -->
    {% if park_metadata and article|can_write:user %}
    <a href="{% url 'wiki:parks_statistics' article.id %}" 
       class="transition-transform btn-secondary hover:scale-105">
        <i class="mr-1 fas fa-chart-bar"></i>Statistics
    </a>
    {% endif %}

    <!-- Media Management -->
    {% if article|can_write:user %}
    <button class="transition-transform btn-secondary hover:scale-105" 
            @click="$dispatch('show-wiki-media-upload')">
        <i class="mr-1 fas fa-camera"></i>Add Media
    </button>
    {% endif %}

    <!-- Article Tools -->
    <div class="dropdown relative inline-block">
        <button class="transition-transform btn-secondary hover:scale-105">
            <i class="mr-1 fas fa-ellipsis-v"></i>More
        </button>
        <div class="dropdown-content hidden absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg">
            <!-- History -->
            <a href="{% url 'wiki:history' article.id %}" 
               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                <i class="mr-1 fas fa-history"></i>History
            </a>
            
            <!-- Discussion -->
            <a href="{% url 'wiki:discussion' article.id %}" 
               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                <i class="mr-1 fas fa-comments"></i>Discussion
            </a>
            
            <!-- Settings -->
            {% if article|can_moderate:user %}
            <a href="{% url 'wiki:settings' article.id %}" 
               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                <i class="mr-1 fas fa-cog"></i>Settings
            </a>
            {% endif %}
            
            <!-- Permissions -->
            {% if article|can_moderate:user %}
            <a href="{% url 'wiki:permissions' article.id %}" 
               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                <i class="mr-1 fas fa-lock"></i>Permissions
            </a>
            {% endif %}
        </div>
    </div>
</div>

<!-- Notification Area -->
{% if messages %}
<div class="mt-4">
    {% for message in messages %}
    <div class="p-4 mb-4 rounded-lg {% if message.tags == 'error' %}bg-red-100 text-red-700{% else %}bg-green-100 text-green-700{% endif %}">
        {{ message }}
    </div>
    {% endfor %}
</div>
{% endif %}
{% endif %}