module Web.View.FederatedPolicyOverlays.PolicyComplianceDashboard where

import Web.Types
import Generated.Types
import IHP.Prelude
import IHP.ViewPrelude

data PolicyComplianceDashboardView = PolicyComplianceDashboardView
    { overlays  :: ![FederatedPolicyOverlay]
    , hubs      :: ![Hub]
    , decisions :: ![DecisionRecord]
    , policies  :: ![PolicyReference]
    }

instance View PolicyComplianceDashboardView where
    html PolicyComplianceDashboardView { .. } = [hsx|
        <div class="flex items-center justify-between mb-6">
            <h1 class="text-2xl font-semibold">Policy Compliance Dashboard</h1>
            <a href={FederatedPolicyOverlaysAction}
               class="text-sm text-gray-500 hover:underline">← All Policies</a>
        </div>

        {if null overlays
            then [hsx|
                <div class="bg-gray-50 rounded-lg border border-gray-200 p-8 text-center">
                    <p class="text-gray-400 text-sm">No active policy overlays.</p>
                </div>
            |]
            else [hsx|
                <div class="space-y-4">
                    {forEach overlays renderOverlayRow}
                </div>
            |]}

        <div class="mt-8 bg-white rounded-lg border border-gray-200 p-6">
            <h2 class="text-lg font-medium text-gray-800 mb-4">Overall Coverage</h2>
            <div class="flex items-center gap-6">
                <div class="text-center">
                    <div class="text-3xl font-bold text-gray-900">{show totalDecisions}</div>
                    <div class="text-xs text-gray-500 mt-1">Total Decisions</div>
                </div>
                <div class="text-center">
                    <div class="text-3xl font-bold text-green-600">{show coveredDecisions}</div>
                    <div class="text-xs text-gray-500 mt-1">With Policy Ref</div>
                </div>
                <div class="text-center">
                    <div class="text-3xl font-bold text-indigo-600">{coveragePct}%</div>
                    <div class="text-xs text-gray-500 mt-1">Coverage</div>
                </div>
            </div>
        </div>
    |]
      where
        decisionIdsWithPolicy = map (.requirementId) policies |> catMaybes |> map show
        coveredDecisions = length $ filter (\d -> show d.id `elem` decisionIdsWithPolicy) decisions
        totalDecisions   = length decisions
        coveragePct :: Int
        coveragePct = if totalDecisions == 0 then 0
                      else (coveredDecisions * 100) `div` totalDecisions

        renderOverlayRow :: FederatedPolicyOverlay -> Html
        renderOverlayRow o = [hsx|
            <div class="bg-white rounded-lg border border-gray-200 p-5">
                <div class="flex items-start justify-between">
                    <div>
                        <h3 class="font-medium text-gray-800">{o.title}</h3>
                        <p class="text-xs text-gray-500 mt-1">
                            Enforced from: {maybe "–" show o.enforcedFrom}
                        </p>
                    </div>
                    <span class="text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded font-medium">
                        active
                    </span>
                </div>
            </div>
            |]