module Web.View.AgentDelegations.Index where

import Web.View.Prelude

data IndexView = IndexView
    { delegations :: ![AgentDelegation] }

instance View IndexView where
    html IndexView { .. } = [hsx|
        <div class="p-6">
            <h1 class="text-2xl font-bold text-gray-900 mb-6">Agent Delegations</h1>
            <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">Scope</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 text-left text-xs font-medium text-gray-500 uppercase">Token Budget / Used</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Created</th>
                            <th class="px-6 py-3"></th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-200">
                        {forEach delegations renderRow}
                    </tbody>
                </table>
            </div>
        </div>
    |]
      where
        renderRow d = [hsx|
            <tr class="hover:bg-gray-50">
                <td class="px-6 py-4 text-sm text-gray-700">{d.scope}</td>
                <td class="px-6 py-4">{statusBadge d.status}</td>
                <td class="px-6 py-4 text-sm text-gray-500">
                    {show d.tokenBudget} / {maybe "—" show d.tokensUsed}
                </td>
                <td class="px-6 py-4 text-sm text-gray-500">{timeAgo d.createdAt}</td>
                <td class="px-6 py-4 text-right">
                    <a href={ShowAgentDelegationAction d.id}
                       class="text-sm text-blue-600 hover:text-blue-800">View</a>
                </td>
            </tr>
        |]

statusBadge :: Text -> Html
statusBadge "completed" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-green-100 text-green-800">completed</span>|]
statusBadge "failed"    = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-red-100 text-red-800">failed</span>|]
statusBadge "cancelled" = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-gray-100 text-gray-500">cancelled</span>|]
statusBadge _           = [hsx|<span class="px-2 py-0.5 text-xs rounded-full bg-yellow-100 text-yellow-800">pending</span>|]