module Web.View.AgentRegistrations.Index where

import IHP.ViewPrelude

data IndexView = IndexView
    { agents :: ![AgentRegistration]
    , hubs   :: ![Hub]
    }

instance View IndexView where
    html IndexView { .. } = [hsx|
        <div class="p-6">
            <div class="flex justify-between items-center mb-6">
                <h1 class="text-2xl font-bold text-gray-900">Agent Registry</h1>
                <a href={NewAgentRegistrationAction}
                   class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 text-sm font-medium">
                    Register Agent
                </a>
            </div>
            <div class="bg-white shadow rounded-lg overflow-hidden">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Name</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Hub</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Provider</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Model</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Trust</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Status</th>
                            <th class="px-6 py-3"></th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-200">
                        {forEach agents renderRow}
                    </tbody>
                </table>
            </div>
        </div>
    |]
      where
        hubName agentHubId =
            case find (\h -> h.id == agentHubId) hubs of
                Just h  -> h.name
                Nothing -> "Unknown"

        renderRow agent = [hsx|
            <tr class="hover:bg-gray-50">
                <td class="px-6 py-4 text-sm font-medium text-gray-900">
                    <a href={ShowAgentRegistrationAction agent.id} class="hover:text-blue-600">{agent.name}</a>
                </td>
                <td class="px-6 py-4 text-sm text-gray-500">{hubName agent.hubId}</td>
                <td class="px-6 py-4 text-sm text-gray-500">
                    <span class="font-mono bg-gray-100 px-2 py-0.5 rounded text-xs">{agent.provider}</span>
                </td>
                <td class="px-6 py-4 text-sm text-gray-500 font-mono text-xs">{agent.modelName}</td>
                <td class="px-6 py-4">{trustBadge agent.trustLevel}</td>
                <td class="px-6 py-4">{statusBadge agent.isActive}</td>
                <td class="px-6 py-4 text-right">
                    <a href={EditAgentRegistrationAction agent.id}
                       class="text-sm text-blue-600 hover:text-blue-800">Edit</a>
                </td>
            </tr>
        |]

trustBadge :: Text -> Html
trustBadge "autonomous" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-red-100 text-red-800">autonomous</span>|]
trustBadge "elevated"   = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-yellow-100 text-yellow-800">elevated</span>|]
trustBadge _            = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-gray-100 text-gray-700">advisory</span>|]

statusBadge :: Bool -> Html
statusBadge True  = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-green-100 text-green-800">active</span>|]
statusBadge False = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-gray-100 text-gray-500">inactive</span>|]