module Web.View.HubCapabilityManifests.Edit where

import Web.Types
import Generated.Types
import IHP.Prelude
import IHP.ViewPrelude
import Web.Routes ()
import Data.Aeson (Value(..), encode, decode)
import qualified Data.ByteString.Lazy.Char8 as BL

data EditView = EditView
    { manifest           :: !HubCapabilityManifest
    , hub                :: !Hub
    , widgetTypeEntries  :: ![WidgetTypeRegistry]
    , eventTypeEntries   :: ![EventTypeRegistry]
    , categoryEntries    :: ![AnnotationCategoryRegistry]
    , policyScopeEntries :: ![PolicyScopeRegistry]
    }

instance View EditView where
    html EditView { .. } = [hsx|
        <div class="mb-4">
            <a href={ShowHubCapabilityManifestAction (manifest.id)}
               class="text-sm text-gray-500 hover:text-gray-700">
                ← {hub.name} Manifest
            </a>
        </div>
        <h1 class="text-xl font-semibold mb-2">Edit Capability Manifest — {hub.name}</h1>
        <p class="text-sm text-gray-500 mb-6">
            Declare the type names this hub owns. After saving, activate the manifest to register them.
        </p>

        {renderReadOnlyWarning manifest}

        <form method="POST" action={UpdateHubCapabilityManifestAction (manifest.id)}>
            <div class="space-y-6 max-w-2xl">
                <div class="bg-white rounded-lg border border-gray-200 p-5 space-y-4">
                    <h2 class="text-sm font-semibold text-gray-700">Manifest Details</h2>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Capability Description</label>
                        <textarea name="capabilityDescription"
                                  class="w-full border border-gray-300 rounded px-3 py-2 text-sm"
                                  rows="3">{fromMaybe "" manifest.capabilityDescription}</textarea>
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Contact</label>
                        <input type="text" name="contact"
                               class="w-full border border-gray-300 rounded px-3 py-2 text-sm"
                               value={fromMaybe "" manifest.contact} />
                    </div>
                </div>

                {typeArraySection "Declared Widget Types" "declaredWidgetTypes" manifest.declaredWidgetTypes (map (.name) widgetTypeEntries)}
                {typeArraySection "Declared Event Types" "declaredEventTypes" manifest.declaredEventTypes (map (.name) eventTypeEntries)}
                {typeArraySection "Declared Annotation Categories" "declaredAnnotationCategories" manifest.declaredAnnotationCategories (map (.name) categoryEntries)}
                {typeArraySection "Declared Policy Scopes" "declaredPolicyScopes" manifest.declaredPolicyScopes (map (.name) policyScopeEntries)}

                <div class="flex gap-3">
                    <button type="submit"
                            class="bg-indigo-600 text-white text-sm px-4 py-2 rounded hover:bg-indigo-700"
                            disabled={manifest.status /= "draft"}>
                        Save
                    </button>
                    {if manifest.status == "draft" then renderActivateLink manifest.id else mempty}
                </div>
            </div>
        </form>
    |]

renderActivateLink :: Id HubCapabilityManifest -> Html
renderActivateLink mid = [hsx|
    <a href={ActivateManifestAction (mid)}
       class="text-sm bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700">
        Save &amp; Activate
    </a>
|]

-- | Render a JSON array text area with available registry options shown below.
typeArraySection :: Text -> Text -> Value -> [Text] -> Html
typeArraySection title fieldName val names = [hsx|
    <div class="bg-white rounded-lg border border-gray-200 p-5">
        <h2 class="text-sm font-semibold text-gray-700 mb-1">{title}</h2>
        <p class="text-xs text-gray-500 mb-2">
            JSON array of type names to declare ownership of.
            Names that don't yet exist in the registry will be created on activation.
        </p>
        <textarea name={fieldName}
                  class="w-full border border-gray-300 rounded px-3 py-2 text-sm font-mono"
                  rows="3">{valueText val}</textarea>
        <p class="text-xs text-gray-400 mt-1">
            Registered: {joinNames names}
        </p>
    </div>
|]

renderReadOnlyWarning :: HubCapabilityManifest -> Html
renderReadOnlyWarning manifest
    | manifest.status /= "draft" = [hsx|
        <div class="mb-6 bg-amber-50 border border-amber-200 rounded p-4 text-sm text-amber-800">
            This manifest is <strong>{manifest.status}</strong> and is read-only.
            Retire it first to create a new draft amendment.
        </div>
    |]
    | otherwise = mempty

valueText :: Value -> Text
valueText v = cs (BL.unpack (encode v))

joinNames :: [Text] -> Text
joinNames []     = ""
joinNames [x]    = x
joinNames (x:xs) = x <> ", " <> joinNames xs