module Web.View.WidgetAdapterSpecs.Edit where

import Web.Types
import Generated.Types
import IHP.Prelude
import IHP.ViewPrelude
import Web.Routes ()

data EditView = EditView
    { spec       :: !WidgetAdapterSpec
    , envelopes  :: ![EnvelopeEmissionContract]
    , reportings :: ![InteractionReportingContract]
    }

instance View EditView where
    html EditView { .. } = [hsx|
        <div class="mb-4">
            <a href={ShowWidgetAdapterSpecAction (spec.id)}
               class="text-sm text-gray-500 hover:text-gray-800">
                ← {spec.name}
            </a>
        </div>
        <h1 class="text-2xl font-semibold mb-2">Edit Adapter Spec</h1>
        <p class="text-sm text-gray-500 mb-6">
            Only <strong>status</strong> and <strong>notes</strong> can be changed once a spec is registered.
            Name, framework, version, and linked contracts are immutable.
        </p>
        {renderForm spec}
    |]

renderForm :: WidgetAdapterSpec -> Html
renderForm spec = formFor spec [hsx|
    <div class="bg-white rounded-lg border border-gray-200 p-6 space-y-5 max-w-lg">

        <div>
            <label class="block text-sm font-medium text-gray-400 mb-1">Name (read-only)</label>
            <div class="text-sm text-gray-600 font-mono bg-gray-50 rounded px-3 py-2">{spec.name}</div>
        </div>

        <div class="grid grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium text-gray-400 mb-1">Framework (read-only)</label>
                <div class="text-sm text-gray-600 bg-gray-50 rounded px-3 py-2">{spec.framework}</div>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-400 mb-1">Version (read-only)</label>
                <div class="text-sm text-gray-600 font-mono bg-gray-50 rounded px-3 py-2">{spec.version}</div>
            </div>
        </div>

        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Status</label>
            <select name="status" class="w-full border border-gray-200 rounded px-3 py-2 text-sm">
                <option value="draft"      selected={spec.status == "draft"}>draft</option>
                <option value="active"     selected={spec.status == "active"}>active</option>
                <option value="deprecated" selected={spec.status == "deprecated"}>deprecated</option>
            </select>
        </div>

        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Notes</label>
            {textareaField #notes}
        </div>

        <div class="flex gap-3">
            {submitButton}
            <a href={ShowWidgetAdapterSpecAction (spec.id)}
               class="text-sm text-gray-500 border border-gray-200 rounded px-4 py-2 hover:border-gray-400">
                Cancel
            </a>
        </div>
    </div>
|]