{% load permission_tags %}

<div class="flex items-center space-x-2">
    <!-- Permission Status -->
    {% if permission_info.source == 'custom' %}
        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
            <i class="fas fa-user-cog mr-1"></i>Custom
        </span>
    {% elif permission_info.source == 'role' %}
        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
            <i class="fas fa-users-cog mr-1"></i>Role Default
        </span>
    {% else %}
        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
            <i class="fas fa-ban mr-1"></i>System Default
        </span>
    {% endif %}
    
    <!-- Allowed/Denied Status -->
    {% if permission_info.allowed %}
        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800">
            <span>✓</span>Allowed
        </span>
    {% else %}
        <span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-100 text-red-800">
            <span>✕</span>Denied
        </span>
    {% endif %}
</div>