module Web.View.FederatedPolicyOverlays.Show where

import Web.Types
import Generated.Types
import IHP.Prelude
import IHP.ViewPrelude
import Web.Routes ()
import Web.View.FederatedPolicyOverlays.Index (statusBadge)

data ShowView = ShowView
    { overlay :: !FederatedPolicyOverlay
    , hubs    :: ![Hub]
    }

instance View ShowView where
    html ShowView { .. } = [hsx|
        <div class="max-w-3xl">
            <div class="flex items-center gap-3 mb-6">
                <a href={FederatedPolicyOverlaysAction} class="text-sm text-gray-500 hover:underline">Policies</a>
                <span class="text-gray-300">/</span>
                <h1 class="text-2xl font-semibold">{overlay.title}</h1>
                <span class={statusBadge overlay.status <> " text-sm px-2 py-0.5 rounded font-medium"}>
                    {overlay.status}
                </span>
            </div>

            <div class="bg-white rounded-lg border border-gray-200 p-6 space-y-6">
                <div>
                    <h2 class="text-sm font-medium text-gray-500 mb-2">Policy Text</h2>
                    <div class="bg-gray-50 rounded p-4 text-sm text-gray-800 whitespace-pre-wrap">
                        {overlay.policyText}
                    </div>
                </div>

                <dl class="grid grid-cols-2 gap-4 text-sm">
                    <div>
                        <dt class="text-gray-500">Enforced From</dt>
                        <dd>{maybe "–" show overlay.enforcedFrom}</dd>
                    </div>
                    <div>
                        <dt class="text-gray-500">Created</dt>
                        <dd>{show overlay.createdAt}</dd>
                    </div>
                    {maybe mempty renderOverlayNotes overlay.notes}
                </dl>
            </div>

            <div class="mt-4 flex gap-4">
                {if overlay.status == "draft" then renderDraftActions overlay.id else mempty}
                {if overlay.status == "active" then renderRetireAction overlay.id else mempty}
            </div>
        </div>
    |]

renderDraftActions :: Id FederatedPolicyOverlay -> Html
renderDraftActions oid = [hsx|
    <a href={EditFederatedPolicyOverlayAction (oid)}
       class="text-sm text-blue-600 hover:underline">Edit</a>
    <a href={ActivateFederatedPolicyAction (oid)}
       class="text-sm text-green-600 hover:underline">Activate</a>
|]

renderRetireAction :: Id FederatedPolicyOverlay -> Html
renderRetireAction oid = [hsx|
    <a href={RetireFederatedPolicyAction (oid)}
       class="text-sm text-red-600 hover:underline"
       onclick="return confirm('Retire this policy overlay?')">Retire</a>
|]

renderOverlayNotes :: Text -> Html
renderOverlayNotes n = [hsx|
    <div class="col-span-2">
        <dt class="text-gray-500">Notes</dt>
        <dd class="text-gray-700">{n}</dd>
    </div>
|]