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.Vector as V
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 widgetTypeEntries}
                {typeArraySection "Declared Event Types" "declaredEventTypes" manifest.declaredEventTypes eventTypeEntries}
                {typeArraySection2 "Declared Annotation Categories" "declaredAnnotationCategories" manifest.declaredAnnotationCategories categoryEntries}
                {typeArraySection3 "Declared Policy Scopes" "declaredPolicyScopes" manifest.declaredPolicyScopes 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"
                            {if manifest.status /= "draft" then ("disabled" :: Text) else ""}>
                        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 -> [WidgetTypeRegistry] -> Html
typeArraySection title fieldName val entries = [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: {intercalate ", " (map (.name) entries)}
        </p>
    </div>
|]

typeArraySection2 :: Text -> Text -> Value -> [AnnotationCategoryRegistry] -> Html
typeArraySection2 title fieldName val entries = [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 annotation category names.</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: {intercalate ", " (map (.name) entries)}
        </p>
    </div>
|]

typeArraySection3 :: Text -> Text -> Value -> [PolicyScopeRegistry] -> Html
typeArraySection3 title fieldName val entries = [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 policy scope names.</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: {intercalate ", " (map (.name) entries)}
        </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))

intercalate :: Text -> [Text] -> Text
intercalate _ []     = ""
intercalate _ [x]    = x
intercalate sep (x:xs) = x <> sep <> intercalate sep xs